body
  {
   /* background-image: url("/visuals/clover6.png"); */
   background-image: url("/visuals/SquaresSewn.jpg");
  }

  a{
    font-family: 'Sour Gummy';
    display: block;
  }
   .mainBody
  {
    background-color: rgba(255, 255, 255, 1);
    margin-left: 140px;
    margin-right: 140px;
    margin-top: 20px;
    /* border: 10px solid transparent;*/
    padding: 5px;
    /* border-image-source: url("/visuals/Frame.png"); --> lace border
    border-image-slice: 20 fill; */
  }

  /* .overlay {
  position: absolute;
  margin-top: -330px;
  margin-top: -250px;
  margin-left: 20px;
  height: 700px;
  z-index: 31 ;
  } */


  .flags
  {
    height: 70px;
    background-image: url("/visuals/Flags.png");
    background-size: contain;
    padding: -20px;
  }

  .topgrid
  {
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .sidemenuleft ,.sidemenuright
  {
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgb(192, 255, 169);
    border-radius: 20px;
    padding: 10px;
  }

  .sidemenuleft
  { flex: 1;}

  .sidemenuright
  { flex: 2;}
 

   .mainpage
  {
    flex: 3;
    margin-left: 10px;
    margin-right: 10px;
  }

  .sidemenubutton
  {
    font-family: 'Sour Gummy';
    font-size: 15px;
    text-align: start;
    display: block;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    position: relative;
  }

  .overlayfroggy {
  position: absolute;
  margin-top: -40px;
  margin-left: 130px;
  height: 170px;
  z-index: 31 ;
  }

    .stamps
    {
      margin-top: 20px ;
      margin-left: 40px;
      margin-right: 40px;
    }

    .bottomgrid
    {
      padding: 10px;
      margin-left: 10px;
      margin-right: 10px;
      display: flex;
    }

    .secondgrid
    {
        margin-left: 10px;
        margin-right: 10px;
        background-color:  rgb(255, 170, 187);
        border-radius: 10px;
        padding: 10px;
        flex: 1;
    }

    .news, .notes
    {
        display: block;
        overflow: auto;
        height: 200px;
        margin-top: 20px;
        background-color: rgb(255, 132, 157);
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
    }

    .atabook
    {
     margin-left: 10px;
      margin-right: 10px;
      border-radius: 10px;
     padding: 10px;
       flex: 3;
    }

    
  .icon
  {
    height: 200px;
  }

  .textaboutme
  {
     display: block;
        overflow: auto;
        height: 200px;
  }