/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800;900&display=swap');
*{
  scroll-behavior: smooth;
    font-family: 'Poppins', sans-serif;}*/
    body{
  background: #FFD1F1 ;
}
  .navbar {
  width: 1000px;
  margin: 0px;
  padding:0px; 
  background:pink ; 
  border: 3px solid gray;
  border-radius: 15px 15px 15px 15px;
  height: 60px;
  display: flex;
  color: purple;
  text-align: right;
} 
li { 
  display: inline; 
  padding-right: 20px; 
  
  
} 
li:first-child { 
  padding-left: 20px; 
  
  
} 
li a { 
  color: purple; 
  text-decoration: none;  
  padding: 20px; 
  font-size: 20px;
  font-weight: 50%;
} 
li a:hover { 
  color: yellowgreen;
}
.field{
  background: #FFD1F1;
  width: 200px;
  margin:0;
  padding-left: 0px;
  padding: 0 0 7 0;
  padding: 0 0 0 ;
  border: 0px solid #000;
  height:350px;
}

  .do{
  background: #fef2f6;
  color: purple;
  font-size: 15px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 8px;
  padding: 25px;
  border: 2px solid gray;
  border-radius: 6px;
  height: 250px;
  
  
}
.do button:hover{
  background: white;
  color: purple;
  border: 2px solid purple;
  border-radius:0;
}
.do button{
  background: purple;
  color: white;
  border: 2px solid pink;
  border-radius:0;
}
  fieldset{
    font-size: 15pt;
    background: #fef2f6 ;
    width: 250px;
    color: purple;
  
    border: 2px solid gray;
    border-radius: 5px 5px 5px 5px;
    height: 380px;
}
legend{
  font-size: 20pt
}
form{
  background:#fef2f6 ;
}
button{
  border: 1px solid white;
  border-radius: 10px 10px 10px 10px;
  background: purple;
  color:white;
  margin:16px 0 0 0;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif
}
button:hover{
  border: 1px solid purple;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  color:purple;
  margin: 16px 0 0 0;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif
}
.boy{
background: #fef2f6;
  color: purple;
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 50px  0 0 0;
  
  padding: 25px;
  border: 2px solid gray;
  border-radius: 6px;
  height: 300px;
  
}
.boy ul{
  font-size: 20px
}
.boy ul li{
  font-size: 17px;
  color: purple;
}
.logo{background: #ffddf6;
  color: purple;
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 20px 8px 0 0;
  padding: 25px;
  border: 2px solid gray;
  border-radius: 6px;
  height: 100px;
  
}
.formwrap{
    background: #fef2f6;
    color: blue;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 50px 0 0 0;
  
    padding: 25px;
    border: 2px solid gray;
    border-radius: 6px;
    height: 300px;
  
  
}

footer{
  margin-bottom: 15px;
  text-align: bottom  ;
  text-align: center;
  
  
  
}