@font-face {
    font-family: 'Gotham-Book';
    src: url('/statics/font/GothamSSm-Book_Web.woff') format('woff'), url('/statics/font/GothamSSm-Book_Web.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light-Web';
    src: url('/statics/font/GothamSSm-Light_Web.woff') format('woff'), url('/statics/font/GothamSSm-Light_Web.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('/statics/font/GothamSSm-Medium_Web.woff2') format('woff2'), url('/statics/font/GothamSSm-Medium_Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.Rectangle-ForgotPassword {
    width: 80%;
    height: 240px;
    border-radius: 5px;
    background-color: #ffffff;
    position: absolute; /*it can be fixed too*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.top-half-rectangle {
    width: 80%;
    height: 145px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    margin: auto;
}

.form-title {
    font-family: 'Gotham-Light-Web';
    font-weight: 300;
}

.Line-2-Email {
    width: 90%;
    height: 1px;
    border: solid 2px #1a1448;
    margin-top: 50px;
}

#recovery-email {
    padding: 10px 5px 12px;
}

#btnSubmit {
    background-color: #1a1448;
    border: none;
    margin: 0;
}