/* Oswald ExtraLight */
@font-face {
    font-family: 'OswaldExtraLight';
    src: url('../fonts/oswald/Oswald-ExtraLight.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752FD8ABkNPKSxIVg.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Oswald Light */
@font-face {
    font-family: 'OswaldLight';
    src: url('../fonts/oswald/Oswald-Light.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752FDoABkNPKSxIVg.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Oswald Regular */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald/Oswald-Regular.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752GToABkNPKSxIVg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Oswald Medium */
@font-face {
    font-family: 'OswaldMedium';
    src: url('../fonts/oswald/Oswald-Medium.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752GE8ABkNPKSxIVg.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Oswald SemiBold */
@font-face {
    font-family: 'OswaldSemiBold';
    src: url('../fonts/oswald/Oswald-SemiBold.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752GD8ABkNPKSxIVg.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Oswald Bold */
@font-face {
    font-family: 'OswaldBold';
    src: url('../fonts/oswald/Oswald-Bold.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752FZ8ABkNPKSxIVg.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Encode Condensed */
@font-face {
    font-family: "EncodeCondensed";
    src: url("/fonts/Encode_Sans_Semi_Condensed/EncodeSansSemiCondensed-ExtraLight.ttf") format("truetype");
    font-weight: 100;
}

/* Encode Bold */
@font-face {
    font-family: "EncodeBold";
    src: url("/fonts/encode/EncodeSansSemiCondensed-Medium.ttf") format("truetype");
    font-weight: 500;
}

/* Cormorant */
@font-face {
    font-family: "CormorantGaramond";
    src: url("/fonts/cormorantGaramond/CormorantGaramond-VariableFont_wght.ttf") format("truetype");
}

/* noto */
@font-face {
    font-family: "Noto";
    src: url("/fonts/noto/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
}

/* Michroma */
@font-face {
    font-family: 'Michroma';
    src: url('../fonts/Michroma/Michroma-Regular.ttf') format('truetype'),
        url('https://fonts.gstatic.com/s/oswald/v48/TK3jWkUHHAIjg752GD8ABkNPKSxIVg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CHROME TEXT */
.chrome {
  font-family: 'Michroma', sans-serif;
  font-size: clamp(2.5rem, 8vw, 5rem);
  text-transform: uppercase;
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #d8d8d8 15%,
    #888888 30%,
    #f5f5f5 45%,
    #555555 50%,
    #cfcfcf 65%,
    #7a7a7a 80%,
    #ffffff 100%
  );
  background-size: 100% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 2px 10px rgba(0,0,0,0.7);
  letter-spacing: 0.12em;
}