body{background-color: white;}

.boody{margin-left: 150px;}

nav {
    display:flex;
    flex-direction: column;
    background-color: white;
    padding: 15px;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    border-radius: 5px;
    position:fixed;
    top:0;
    left: 0;
    margin: 5px;
    width:100px;
    position: fixed;
    height: 95%;
    
}

nav a {
    display:flex;
    flex-direction: column;
    color: black;
    text-decoration: none;
   
    transition-duration: 500ms;
    margin:5px;
}

nav a:hover{ 
    border-radius: 2px;
    border-width: 1px;
    border-color:black;
    border-style: solid;
    background-color:white;

}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
  }
  
  li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
  }
  
  /* Change the link color on hover */
  li a:hover {
    background-color: #555;
    color: white;
  }

  h1{text-align: center;
font-size:xx-large;}

.frenech{display: flex;
  margin: 10px;
  padding: 20px;
  background-color: white;
  border-radius: 15px;
  border-width: 1px;
  border-style: solid;
  opacity: 0.9;
}



.box{margin: 10px;
  padding: 20px;
  background-color: white;
  border-radius: 15px;
  border-width: 1px;
  border-style: solid;
  opacity: 0.9;
}

.frogtext{display: flex;
    flex-direction: column;
    margin: 10px;
}

.frogtext-2{display: flex;
  flex-direction: row;
  margin: 10px;
}

h2{text-align: center
  ;}

h3{display:flex;
flex-direction: column;}

img#froglegs{width: 600px;
  max-width: 100%;
  display: block;
  margin: auto;
  border-radius: 20px;}

.frenchie{border-radius: 15px;
  border-color: #000;
  border-width: 2px;
  border-style: solid;
  background-image:url("https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/1200px-Flag_of_France.svg.png");
  background-size: cover;
  margin-bottom: 20px;}


.italia{border-radius: 15px;
  border-color: #000;
  border-width: 2px;
  border-style: solid;
  background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Flag_of_Italy_%28Pantone%2C_2006%29.svg/220px-Flag_of_Italy_%28Pantone%2C_2006%29.svg.png");
  background-size: cover;
  margin-bottom: 20px;}
  
  .espanol{border-radius: 15px;
    border-color: #000;
    border-width: 2px;
    border-style: solid;
    background-image:url("https://www.worldatlas.com/img/flag/es-flag.jpg");
    background-size: contain;
    margin-bottom: 20px;}

    img#paella{border-radius: 20px;
    max-width: max-content;}

    .gremany{border-radius: 15px;
      border-color: #000;
      border-width: 2px;
      border-style: solid;
      background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRfjtH46LJjacpajyeksYGMGrk7_JmD8mwPSRbP3bjv_A&s");
      background-size: contain;
      margin-bottom: 20px;}

#germaaan{color: white;}

img#croisant{width: 600px;
  max-width: 100%;
  display: block;
  margin: auto;
  border-radius: 20px;}

  .homebody{border-radius: 15px;
    border-color: #000;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 20px;
  padding: 20px;}

  img#pizzapizza{width: 600px;
    max-width: 100%;
    display: block;
    margin: auto;
    border-radius: 20px;}

    img#sausaging{width: 600px;
      max-width: 100%;
      display: block;
      margin: auto;
      border-radius: 20px;}

      img#pretzely{width: 600px;
        max-width: 100%;
        display: block;
        margin: auto;
        border-radius: 20px;}