@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) {
    .register-pos .register {
        height: 95%;
        max-height: unset;
    }

    .register-pos .register .logo {
        margin: 16px 0 0 0;
    }

    .register-pos .register form {
        height: calc(100% - 220px);
        margin: 0 5%;
    }

    .register-pos .register form div {
        flex-direction: column;
        width: 100%;
        max-width: 370px;
        margin: 16px auto 0 auto;
    }

    .register-pos .register form label {
        text-align: center;
    }

    .register-pos .register form input {
        width: 90%;
        padding: 0 5%;
    }

    .register-pos .register form .password #password,
    .register-pos .register form .confirm-password #confirm-password {
        width: 90%;
    }

    .register-pos .register form .button {
        width: unset;
        max-width: 134px;
        height: unset;
        margin: 40px auto 0 auto;
        padding: 10px 30px;
    }

    .register-pos .register form .links {
        margin-top: 20px;
    }
}