@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Inter+Tight:300,400,500,700");

@font-face {
    font-family: "Aeonik Pro";
    src: url("Fonts/Aeonik Pro/AeonikPro-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro";
    src: url("Fonts/Aeonik Pro/AeonikPro-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro";
    src: url("Fonts/Aeonik Pro/AeonikPro-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro";
    src: url("Fonts/Aeonik Pro/AeonikPro-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro";
    src: url("Fonts/Aeonik Pro/AeonikPro-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

/* Aliases for matching style.css usage */
@font-face {
    font-family: "Aeonik Pro-Bold";
    src: url("Fonts/Aeonik Pro/AeonikPro-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro-Regular";
    src: url("Fonts/Aeonik Pro/AeonikPro-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Aeonik Pro-Medium";
    src: url("Fonts/Aeonik Pro/AeonikPro-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

html,
body {
    margin: 0px;
    height: 100%;
    background-color: #edf2f2;
    /* Soft white */
}

/* Scale page to fit viewport on smaller screens - Desktop only */
@media screen and (min-width: 1025px) and (max-width: 1919px) {
    html {
        zoom: calc(100vw / 1920);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
    html {
        zoom: 0.833;
        /* 1600/1920 */
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    html {
        zoom: 0.75;
        /* 1440/1920 */
    }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
    html {
        zoom: 0.71;
        /* 1366/1920 */
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    html {
        zoom: 0.667;
        /* 1280/1920 */
    }
}

/* Mobile devices - no zoom, use natural responsive layout */
@media screen and (max-width: 1024px) {
    html {
        zoom: 1;
    }
}

/* a blue color as a generic focus style */
button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
}

a {
    text-decoration: none;
}