*{
    font-family: sans-serif;
}
#parent{
    width: 90%;
    height: auto;
    margin: auto;
    padding: 15px;
}
#parent>div{
    width: 18%;
}
#parent>div>img{
    width: 95%;
}
#parent2{
   
    width: 90%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: right;
    margin-top: 50px;
    
}
#form{
    /* border: 1px solid black; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
    width: 33%;
    height: 570px;
    
}
#sign{
    display: flex;
    width: 95%;
    margin: 20px auto;
    padding: 5px;
}
#sign>div{
    display: flex;
    width: 50%;
    justify-content: space-between;
    margin-left: 15px;
}
#email,#password,#submit,#retype,#code{
    display: block;
    width: 80%;
    margin: 20px auto;
    padding: 10px;

}
#email,#password,#retype,#code{
    border: 1px solid rgb(224,224,224);
}
#submit{
    width: 85%;
    font-weight: bold;
    font-size: large;
    border: 0;
    background-color: #FFDA00;
    padding-top: 15px;
    padding-bottom: 15px;


}
#forgot{
    display: flex;
    width: 88%;
    margin: 10px auto;
    padding: 2px;
    
    
}
.tip{
    width: 88%;
    margin: 10px auto;
    padding: 2px;
    font-size: 12px;
    color: rgb(255,167,0);
    text-align: left;
    /* padding-right: 10px; */
}
/* .tip>span{
    width: 80%;
} */
#forgot>div{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px; */
}
#forgot>div>div:nth-child(1){
    width: 8%;
    /* margin-right: -100px; */
    
}
#forgot>div>div:nth-child(2){
    /* margin-left : -30px;  */
    width: 95%;
}

#forgot>div>div{
    font-size: 13px;
}
.para{
    text-align: center;
}
#connect>div{
    width: 10%;
    margin: auto;
    border: 1px solid rgb(223, 209, 209);
    border-radius: 50%;

}
#connect>div>img{
    width: 100%;
    margin: auto;
    border-radius: 50%;
    margin-top: 3px;
}
#sign>div>div{
    font-weight: bold;
}
#sign>div>div:nth-child(1){
    color: rgb(186,186,192);
}
#checkbox{
    cursor: pointer;
    border-color: #01a982;
}
.div2>a{
    text-decoration: none;
    color: rgb(163, 160, 160);
    text-decoration: underline;
}
.register{
    /* text-decoration: underline yellow;
    text-underline-offset: 2px; */
    /* Increase this as per requirement */
    padding-bottom: 10px;
    border-bottom-style: solid ;
    border-bottom-width: 4.1px;
    width: fit-content;
    border-bottom-color: #FFDA00;
}
::placeholder{
    color:rgb(223, 209, 209) ;
}
/* input[type="checkbox"]{
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
} */
#bottom{
    
    width: 25%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 50px;
    gap: 5px;
    margin-top: 200px;
    padding-left: 35px;
}
#bottom>img:nth-child(1){
    width: 45%;
}
#bottom>img:nth-child(2){
    width: 50%;
}
#bottom>img:nth-child(3){
    width: 65%;
}
.footer{
    text-align: center;
    color: rgb(186,186,192);
    font-size: 13px;
    margin-top: -10px;
}
.div2{
    text-decoration: none;
    color: rgb(54, 177, 253);
    text-decoration: underline;
}