@font-face {
    font-family: "Tiempos-Light";
    src: url("../fonts/TiemposHeadline-Light.otf") format("opentype");
}

@font-face {
    font-family: "Tiempos-Medium";
    src: url("../fonts/TiemposHeadline-Medium.otf") format("opentype");
}

body {
    background-color: #B7471F;
}

.authLogo{
    max-width: 204px;
    max-height: 144px;
}

.authPanel {
    margin-top: 65px;

    font-family: 'Tiempos-Light', sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #FFF9F2;

}

.authPwd {
    margin-top: 33px;

    font-family: 'Syne', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #FFF9F2;
    

    background: #B7471F;
    border-color: #FFF9F2;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1px;
}

.authPwd::placeholder {
    color: #FFF9F2;
}

.authPwd::target-text {
    border-color: violet;
}

.authBtn {
    margin-top: 37px;

    font-family: 'Syne', sans-serif;
    font-weight: 600;
    font-size: 24px;
    background-color: #E6A273;
    color: #FFF9F2;
    border-style: solid;
    border-color: #FFF9F2;
    border-width: 1px;
}