@font-face {
    font-family: "Sansation";
    src: url("../../fonts/sansation/Sansation_Regular.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sansation Italic";
    src: url("../../fonts/sansation/Sansation_Italic.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sansation Bold";
    src: url("../../fonts/sansation/Sansation_Bold.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sansation Bold Italic";
    src: url("../../fonts/sansation/Sansation_Bold_Italic.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sansation Light";
    src: url("../../fonts/sansation/Sansation_Light.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sansation Light Italic";
    src: url("../../fonts/sansation/Sansation_Light_Italic.ttf") format("truetype"), url("../../fonts/sansation/Sansation_plate.jpg") format("jpg");
    font-weight: normal;
    font-style: normal;
}

:root {
    --fallback-font: Arial;
    --regular-font: "Sansation", var(--fallback-font);
    --italic-font: "Sansation Italic", var(--fallback-font);
    --bold-font: "Sansation Bold", var(--fallback-font);
    --bold-italic-font: "Sansation Bold Italic", var(--fallback-font);
    --light-font: "Sansation Light", var(--fallback-font);
    --light-italic-font: "Sansation Light Italic", var(--fallback-font);
}

@media (max-width: 850px) {
    .login-pos .login form {
        width: 88%;
    }

    .login-pos .login form .email,
    .login-pos .login form .password {
        width: 100%;
        max-width: 414px;
        margin-left: auto;
        margin-right: auto;
    }

    .login-pos .login form input {
        width: 84%;
        height: 36px;
        margin: 0;
        padding: 0 8%;
    }

    .login-pos .login form .email .mail-icon,
    .login-pos .login form .password .lock-icon {
        left: 10px;
    }
}