@font-face {
    font-family: Robo;
    src: url(./fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: Robo-b;
    src: url(./fonts/Roboto-Bold.ttf);
}
@font-face {
    font-family: Robo-m;
    src: url(./fonts/Roboto-Medium.ttf);
}
@font-face {
    font-family: Spartan;
    src: url(./fonts/Spartan-Regular.ttf);
}
@font-face {
    font-family: Spartan-b;
    src: url(./fonts/Spartan-Bold.ttf);
}
@font-face {
    font-family: Spartan-m;
    src: url(./fonts/Spartan-Medium.ttf);
}
@font-face {
    font-family: Spartan-s;
    src: url(./fonts/Spartan-SemiBold.ttf);
}
*
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: Robo;
    background-color: #f2f4f8;
}
header
{
    background-color: #0071ce;
    height: 18px;
    padding: 20px;
    color: #fff;
    font-size: 14px;
}
header div
{
    display: flex;
    justify-content: space-between;
    max-width: 750px;
}
main
{
    /* display: grid; */
    /* align-items: center; */
    /* justify-content: center; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 49px;
    max-width: 414px;
}
main .main-div
{
    width: 100%;
}
main .main-div .breaker
{
    height: 100px;
}
main .main-div .form-elements 
{
    margin-bottom: 60px;
}
main .main-div .form-elements label
{
    font-size: 19px;
    font-family: Spartan-s;
    color: #0a243e;
    display: block;
    /* font-weight: 600; */
}
main .main-div .form-elements .div-input
{
    transform: translateX(15px);
}
main .main-div .form-elements .div-input input
{   
    margin-top: 15px;
    background-color: transparent;
    outline: none;
    border: 1px solid rgb(157, 177, 201);
    width: 208px;
    height: 36px;
    padding: 0px 10px;
    margin: 15px 6px 0 2px;
    border-radius: 8px;
    color: inherit;
    font-size: 16px;
    font-family: Robo;
}
main .main-div .form-elements .div-input img
{   
    margin-top: 15px;
    background-color: transparent;
    outline: none;
    border: 1px solid rgb(157, 177, 201);
    width: auto;
    height: 36px;
    padding: 0px 38px;
    margin: 15px 6px 0 2px;
    border-radius: 8px;
    color: inherit;
    font-size: 16px;
    font-family: Robo;
}
main .main-div .form-elements .div-input input:focus
{
    border-color: #0071ce;
    color: #0071ce;
}
main .main-div .form-elements .div-input button
{
    height: 36px;
    padding: 0px 12px;
    background-color: transparent;
    outline: none;
    border: 1px solid rgb(157, 177, 201);
    border-radius: 8px;
    color: #3f5b78;
}
main .main-div .form-elements small
{
    color: #666;
    font-size: 12px;
    margin-top: 10px;
    display: block;
    transform: translateX(15px);
}
main .main-div .form-elements small i
{
    color: #0071ce;
}
main .main-div .links-div
{
    margin-top: 50px;
    transform: translateX(15px);
    font-size: 14px;
}
main .main-div .links-div .heading
{
    font-family: Robo-b;
    color: #0071ce;
}
main .main-div .links-div small
{
    display: block;
    color: #3f5b58;
    transform: translate(15px,8px);
    font-size: 14px;
}
main .main-div .links-div small i
{
    color: #0071ce;
}