body{
  background: rgb(241, 229, 229);
  background: linear-gradient(0deg, rgb(243, 243, 245) 0%, rgb(248, 248, 248) 34%, rgb(245, 246, 248) 100%);
  margin: 0;
  padding: 0%;
}
.background{
  width: 100%;
  height: 100vh;
  background-image: url(/images/logo.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

.header{
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    margin-top: 40px;
 }
.left{
height: 100px;
width: 300px;
 margin-top: 30px;
 font-size: 0.8em;
 font-style: normal;
 font-weight: normal;
}
 
.center{
height: 100px;
width: 300px;
 }
 
.right{
height: 100px;
width: 300px;
margin-top: 30px;
font-size: 0.8em;
font-style: normal;
font-weight: normal;

}
 .nav{
    display: flex;
    flex-direction: row;
    justify-content:center;
    margin-top: 200px;
 flex-wrap: wrap;
 font-size: 0.7em;
  }
  .nav div {
    margin:  20px; 
    height: 200px;
    width: 200px;
    background-color:aliceblue ;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 50%;
}
 
 .nav div:hover {
    transform: scale(1.1); /* Scale up the div on hover */
}
 
.fotter{
   height: 100px;
   width: 300px;
   margin-top: 300px;

   font-style: normal;
   font-weight: normal;
   
   }
   * {box-sizing: border-box;}

   /* Style the input container */
   .input-container {
     display: flex;
 justify-content: center;
     margin-bottom: 15px;
     padding-left: 80px 10px;
 
   }
   
   /* Style the form icons */
   .icon {
     padding: 10px;
     background: dodgerblue;
     color: white;
     min-width: 50px;
     text-align: center;
   }
   
   /* Style the input fields */
   .input-field {
     width: 30%;
     padding: 10px;
     outline: none;
     padding-left: 10 px 20 px;
     
   }
   
   .input-field:focus {
     border: 2px solid dodgerblue;
   }
   
   /* Set a style for the submit button */
   .btn {
     background-color: dodgerblue;
     color: white;
     padding: 15px 20px;
     border: none;
     cursor: pointer;
     width: 10%;
     opacity: 0.9;
   }
   
   .btn:hover {
     opacity: 1;
   }