html {
    opacity: 0;
}

html.loaded {
    opacity: 1;
    transition: opacity 0.2s ease;
}

body {
    font-family: "Manrope-SemiBold", sans-serif;
}

button, input, select, textarea {
    font-family: inherit;
}

/* ===== AV FONTIMER ===== */

@font-face {
    font-family: "AV Fontimer-ExtraLight";
    src: url("/fonts/AVFontimer-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-Light";
    src: url("/fonts/AVFontimer-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-Regular";
    src: url("/fonts/AVFontimer-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-Medium";
    src: url("/fonts/AVFontimer-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-SemiBold";
    src: url("/fonts/AVFontimer-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-Bold";
    src: url("/fonts/AVFontimer-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AV Fontimer-Black";
    src: url("/fonts/AVFontimer-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ===== MANROPE ===== */

@font-face {
    font-family: "Manrope-ExtraLight";
    src: url("/fonts/Manrope-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-Light";
    src: url("/fonts/Manrope-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-Regular";
    src: url("/fonts/Manrope-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-Medium";
    src: url("/fonts/Manrope-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-SemiBold";
    src: url("/fonts/Manrope-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-Bold";
    src: url("/fonts/Manrope-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Manrope-ExtraBold";
    src: url("/fonts/Manrope-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}