body{
    margin: 0;
    font-family: inherit;
}

.main-body{
    width: 100%;
    height: 720px;
    background-color: #f0f2f5;
}

.left-side{
    width: 50%;
    height: 100%;
    float: left;
    

}
.logo{
    height: 106px;
    margin: 0px;
    

}

.para{
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    width: 500px;
    padding-left: 26px;
    margin: 0px;
}

.logo-para{
    margin-left: 157px;;
    margin-top: 175px;
    padding: 0;

}

.right-side{
    widows: 50%;
    height: 100%;
    float: left;

}

.form-box{
    background-color: white;
    width: 395px;
    height: 360px;
    margin-top: 130px;
    margin-left: 90px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13), 0 6px 20px 0 rgba(0, 0, 0, 0.123);
}

.form{
    margin-top: 20px;
    margin-left: 15px;
    border-radius: 6px;
    font-size: 17px;
    padding: 14px 16px;
    width: 330px;
    border: 1px solid #dddfe2;
    color: #1d2129;
    outline-color: rgba(0, 0, 255, 0.507);
    outline-width: 2px;;
}



.sub-btn{
    cursor: pointer;
    margin-top: 20px;
    margin-left: 15px;
    border-radius: 6px;
    padding: 12px 16px;
    width: 365px;
    background-color: #1877f2;
    font-weight: bold;
    color: white;
    font-size: 20px;
    border: 0px solid #dddfe2;



}

.forgotten{
    margin-left: 130px ;
    padding-top: 15px;
    


}

.forgotten-text{
    text-decoration: none;
    font-size: 14px;
    font-weight: 100;
    font-family: sans-serif;
    color: #1877f2;
    font-weight: lighter;

}

#Curve-form{
    border-bottom: 1px solid #dddfe2;
    font-size: 1px;
    height: 8px;
    margin: 20px;


}

.creat-ac{
    cursor: pointer;
    margin-left: 95px;
    border-radius: 6px;
    padding: 15px 16px;
    width: 200px;
    background-color: #42b72a;
    font-weight: bold;
    color: white;
    font-size: 17px;
    border: 0px solid #dddfe2;



}

.text-underForm{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    margin-left: 140px;
    margin-top: 30px;

}

.create-page{
    font-weight: bold;
    text-decoration: none;
    color: black;

}

.footer{
    width: 100%;
    height: 200px;
    background-color: white;
    margin: 0 auto;
    color: black;
    

}
.lang{
    padding-left: 456px;
    padding-top: 20px;

}

#contentCurve {
    border-bottom: 1px solid #dddfe2;
    font-size: 1px;
    height: 8px;
    margin-bottom: 8px;
}
.language{
    padding-bottom: 0px;
    text-align: -webkit-match-parent;
    text-decoration: none;
    color: rgb(128, 122, 122);
    font-size: 10px;
    margin-left: 8px;
    font-weight: bold;
}
.language-Eng{
    padding-bottom: 0px;
    text-align: -webkit-match-parent;
    text-decoration: none;
    color: black;
    font-size: 12px;
    margin-left: 8px;
}

.ftr-txt{
    padding-bottom: 0px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: none;
    color: black;
    font-size: 12px;
    margin-left: 8px;
}

.table{
    margin-left: 197px;
}

.copy{
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: none;
    color: black;
    margin-left: 8px;
}