@font-face {
    font-family: "GTWalsiemProMediam";
    src: url("https://firebasestorage.googleapis.com/v0/b/technopolitan-1.appspot.com/o/careers%20resources%2FGT-Walsheim-Pro-Regular.ttf?alt=media&token=111bc838-fcc0-4cab-971b-fa9d2514270c") format("truetype");
  }

body{
    font-family: GTWalsiemProMediam;
    background-color: #FFD2D1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
label{
    display: block;
    color: #fff;
    padding: 10px 0px;
}
p{
    text-align: center;
    width: 92%;
}
h3{
    font-size: 35px;
    font-weight: 600;
}
input, input:focus{
    color: #2C2C2C !important;
}
input::placeholder{
    color: #999 !important;
    font-size: 14px;
}
input[type=file]::file-selector-button {
    color: #999 !important;
}
input[type=file]::placeholder{
    color: #999 !important;
}
input[type='file'] { 
    font-size: 14px;
    color: #999 !important; 
}
::file-selector-button { font-size: 14px; }
a{
    color: #9A28CD;
    text-decoration: none;
    padding-bottom: 20px;
    font-weight: 500;
}
.goBack img{
    margin-right: 10px;
    width: 30px !important;
}
.formCont{
    width: 35%;
    background-color: #B433FF;
    padding: 30px 55px;
    border-radius: 10px;
}
.headersCont{
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.formCont button{
    padding: 10px ;
    width: 100%;
    background-color: black;
    color: #fff;
}
.form-control{
    border: solid 1px #000;
    padding: 7px 15px;
}
.headersCont img{
    width: 30%;
}
input::placeholder{
    color:#B3B3B3;
    font-family: GT Walsheim Pro;
    font-weight: 300;
    font-size: 12px;
}


@media screen and (max-width: 770px) {
    .formCont{
        width: 67%;
    }
    .headersCont{
        width: 67%;
    }
    p{
       font-size: 18px;
    }
    h3{
        font-size: 18px !important;
    }
  }

@media screen and (max-width: 480px) {
    .formCont{
        width: 77%;
    }
    .headersCont{
        width: 77%;
    }
    p{
       font-size: 11px;
    }
    h3{
        font-size: 14px;
    }
  }