body{

    margin:0px;
    padding:0px;
  
}


#container{

width:30%;
margin:auto;
height:auto;
margin-top:5%;
padding:3% 3%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

#container>div{

   
    width:50%;
    margin:auto;
    
}

#container>div>img{

  
   width:100%;
}

form{

  
    width:95%;
    height:auto;
    margin-top:5%;
}

input{
    border:1px solid;
    display:block;
    width:100%;
    height:30px;
    border-radius:3px;
    border-color:rgb(201, 192, 192);
}

#welcome{

 
    font-family:Inter, sans-serif;
    font-size:28px;
    font-weight:500;
    line-height:31.5px;
    color: rgb(33, 37, 41);
    margin-bottom:5%;
    
}

label{

    display:block;
}



#email_label{

    font-family:Inter, sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:18px;
    color: rgb(82, 76, 76);
    margin-bottom:1%;
    margin-top:4%;
}

#email_label+label{

    font-family:Inter, sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:18px;
    color: rgb(108, 117, 125);
    margin-bottom:1%;
}




#name{

    margin-bottom:6%;
}

::placeholder{

    font-size:15px;
    padding:0% 1%;
    color:rgb(177, 169, 169);
}

form>p{

    display:inline;
    font-family:Inter, sans-serif;
    font-size:15px;
    font-weight:400;
    line-height: 22.5px;
    color: rgb(33, 37, 41);
    margin-top:10%;
}

form>a>p{

    display:inline;
    color:#3B8FC2;
    text-decoration:underline #3B8FC2;
    margin-top:5%;
}


form>a>p:hover{

    display:inline;
    color:#1e445c;
    text-decoration:underline #1e445c;
}

#password{

    margin-bottom:4%;
}


#submit{

    width:auto;
    height:35px;
    margin-top:4%;
    color:white;
    background-color:#80B7D8;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    padding:1% 2%;
}

#submit:hover{

    
    background-color:#6492af;
   
}

form>div{

  
    width:10%;
    margin:auto;
    display:flex;
    justify-content:center;
    margin-top:3%;
    align-items:center;
    text-align:center;
}


form>div>div{

  
    margin:auto;
  
}

form>div>div:nth-child(1){

    color:#3B8FC2;
}

form>div>div:nth-child(2){

    color:#3B8FC2;
}

#container+div{


width:7%;
margin:auto;
margin-top:3%;
}

#container+div>img{

    width:100%;
}

#captcha{

  
    width:5%;
    padding:0.5% 0% 0% 0%;
    margin-left:0.2%;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    margin-top:-5%;
}

#image_div{

    width:50%;
    margin:auto;
}

#image_div>img{

    width:100%;
}

#image_div+div>p{

    font-size:8px;
    font-weight:bold;
    text-align:center;
    margin-top:-5%;
}

#image_div+div{

    height:12px;
    width:80%;
    margin:auto;
   
}



#welcome+label{

font-family: Inter, sans-serif;
font-size:15px;
font-weight:400;
line-height: 22.5px;
color: rgb(83, 92, 102);
}