body {
        background-color: hsl(30, 87%, 50%);
        font-size: 16px;
      }
    
.container {
    font-family:  sans-serif;

    
       }
        
.main{
    background-color:hsl(0, 0%, 100%);
    position: absolute;
    height: 503px;
    width: 804px;
    top: 14%;
    border-radius:4.5%;
    border: 15px solid hsl(0, 0%, 100%);
    display: block;
    align-items: center;
}      

.head{
display: flex;
justify-content: center;
align-items: center;

}

h2{
    display: block;
    font-size :60px;
    text-align : center;
    color:hsl(234, 29%, 20%); 
    font-weight: 700;
    margin: 0px;
    padding-top: 54px;
    padding-left: 7px;
    font-family: 'Roboto';
    padding-bottom: 13px;
}
span{
 
    font-weight: 400;
    padding-bottom: 20px;
    padding-left: 61px;
    font-size: 13px;

}
/* .clearfix::after {
    content: "";
    clear: both;
    display: table;
  } */



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.img1{
width: auto;
float: right;
height: 494px;
}

button{
    background-color: hsl(235, 18%, 26%);
    cursor: pointer;
    color: white;
    padding: 15px 32px 15px 15px;
    border: none;
    margin: 0px;
    margin-left: 62px;
    margin-top: 0px;
    width: 298px;
    margin-top: 13px;
    border-radius: 12px;
}
 
.list{
 padding: 16px;
 display: block;
 font-size: 16px;
 list-style-type:none;
 padding-left: 58px;
 text-align: start;
 
}
.img2{
    width:18px;height:15px  
}
p{
    padding-left: 58px;
}
button:hover {background-color: hsl(4, 100%, 67%)}

.input{
     padding:10px;
     width: 296px;
     border-radius: 3.5%;
     border-color: white;
     height: 25px;
     margin: 0px;
     text-align: center;
     margin-left: 62px;
     margin-top: -9px;
 
}

.Stay{
     display: block;
     
     align-items: center;
}
.bad{
    padding: 0%;
}
.go{
    display: initial;
}

.email{
    display: block;
    margin-top: -23px;

}
.form{
    display: initial;
    padding-left: 20px;
}
li{
    margin: 9px;
    margin-left: 0px;
}
form[data-members-form] .error,
form[data-members-form] .success {
  display: none;
}

form[data-members-form].error .error {
    display: block;
  }
  
  form[data-members-form].success .success {
    display: block;
  }

  a{
    color: white;
    text-decoration: none;
  }

  .Go{
    background-color: hsl(235, 18%, 26%);
    cursor: pointer;
    color: white;
    padding: 15px 32px 15px 15px;
    border: none;
    margin: 0px;
    margin-left: 62px;
    margin-top: 0px;
    width: 298px;
    margin-top: 13px;
    border-radius: 12px;
  }
  input:invalid {
    border-color: red;
  }


  @media only screen and (max-width: 375px) {body {
    background-color: hsl(236, 36%, 77%);
    font-size: 16px;
  }
}