/* ---------------------------------------------- */
/* ------------------- presets ------------------ */
/* ---------------------------------------------- */


/* 
Phones: 360×740 (Android), 390×844 (iPhone 15), 428×926 (Pro Max)

Tablets: 768×1024 (iPad P), 1024×768 (iPad L)

Laptops: 1366×768, 1440×900

Desktops: 1920×1080, 2560×1440, 3440×1440 (ultrawide), 3840×2160 (4K)
 */



* {
    box-sizing: border-box;
}


:root {
--orange-color: #ff9835;
--blue-color: #132355;
--grey-color: #e5e5e5;
}


body, header, a, h1 {
    margin: 0;
    text-decoration: none;
    color: white;
    font-family: "montserratLight", Helvetica, sans-serif;
    padding: 0;
    border: 0;
}


@font-face {
    font-family: "montserratLight" ;
    font-weight: normal;
    src:url("../assets/Montserrat-Light.woff");
}

@font-face {
    font-family: "montserratMedium";
    font-weight: bold;
    src:url("../assets/Montserrat-Medium.woff")
}  


@font-face {
    font-family: "montserratBold";
    font-weight: bold;
    src:url("../assets/Montserrat-Bold.woff")
}  

@font-face {
    font-family: "montserratExtraBold";
    font-weight: bolder;
    src:url("../assets/Montserrat-Extrabold.woff")
}

@font-face {
    font-family: "flipClockBlack";
    font-weight: normal;
    src:url("../assets/flipClockBlack.woff")
}

@font-face {
    font-family: "flipClockWhite";
    font-weight: normal;
    src:url("../assets/flipClockWhite.woff")
}

@font-face {
    font-family: "ubuntoRegular";
    font-weight: normal;
    src:url("../assets/ubuntuRegular.woff")
}

/* Scoped type-scale utility: bump only where the class is used */
.t-scale {
  --t-scale: 1;                 /* base multiplier */
  font-size: calc(16px * var(--t-scale));
  /* old browsers: calc + media queries are fine */
}

@media (min-width: 768px)  { .t-scale { --t-scale: 1.125; } }   /* ~18px */
@media (min-width: 1200px) { .t-scale { --t-scale: 1.1875; } }  /* ~19px */
@media (min-width: 1600px) { .t-scale { --t-scale: 1.25; } }    /* ~20px */
@media (min-width: 1920px) { .t-scale { --t-scale: 1.3125; } }  /* ~21px */