html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Sans";
  src: url("/fonts/SeasonSans/SeasonSans-HeavyItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Musiversal Sans";
  src: url("/fonts/MusiversalSans/MusiversalSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Season Mix";
  src: url("/fonts/SeasonMix/SeasonMix-Medium.woff") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --white: #fff;
  --black: #000;
  --dark-50: #F6F6F6;
  --dark-100: #E7E7E7;
  --dark-200: #D1D1D1;
  --dark-300: #B0B0B0;
  --dark-400: #888888;
  --dark-500: #6D6D6D;
  --dark-600: #5D5D5D;
  --dark-700: #4F4F4F;
  --dark-800: #454545;
  --dark-900: #3D3D3D;
  --dark-950: #000000;
  --dark-warm-50: #f4f3f1;
  --dark-warm-100: #e7e5e0;
  --dark-warm-200: #d1cfc5;
  --dark-warm-300: #b4b2a2;
  --dark-warm-400: #999682;
  --dark-warm-500: #7e7b67;
  --dark-warm-600: #615f4f;
  --dark-warm-700: #4c4b3f;
  --dark-warm-800: #3f3e35;
  --dark-warm-900: #373630;
  --dark-warm-950: #1c1b17;
  --blue-50: #effcfc;
  --blue-100: #d6f5f7;
  --blue-200: #b2ebef;
  --blue-300: #7edbe2;
  --blue-400: #42c2ce;
  --blue-500: #29b3c3;
  --blue-600: #228698;
  --blue-700: #226d7c;
  --blue-800: #245966;
  --blue-900: #224b57;
  --blue-950: #11313b;
  --teal-50: #eefbf6;
  --teal-100: #d6f5e7;
  --teal-200: #b0ead3;
  --teal-300: #7dd8ba;
  --teal-400: #47c09c;
  --teal-500: #29b892;
  --teal-600: #178469;
  --teal-700: #126a57;
  --teal-800: #115445;
  --teal-900: #0f453b;
  --teal-950: #072721;
  --purple-50: #faf7fc;
  --purple-100: #f3ecfa;
  --purple-200: #e8daf6;
  --purple-300: #d6beee;
  --purple-400: #bc95e2;
  --purple-500: #9c63d1;
  --purple-600: #9359c5;
  --purple-700: #74419e;
  --purple-800: #613981;
  --purple-900: #513068;
  --purple-950: #35174c;
  --green-50: #f5faf3;
  --green-100: #e7f5e3;
  --green-200: #d0e9c9;
  --green-300: #a9d79e;
  --green-400: #7bbd6b;
  --green-500: #65b353;
  --green-600: #458336;
  --green-700: #38682d;
  --green-800: #305328;
  --green-900: #274522;
  --green-950: #11250e;
  --pink-50: #fbf3f5;
  --pink-100: #f7e9ee;
  --pink-200: #f2d3dc;
  --pink-300: #e9afbf;
  --pink-400: #d97f95;
  --pink-500: #c8506a;
  --pink-600: #b94659;
  --pink-700: #92313e;
  --pink-800: #782b35;
  --pink-900: #652830;
  --pink-950: #3d1217;
  --orange-50: #fcf5f0;
  --orange-100: #f8e8dc;
  --orange-200: #efceb9;
  --orange-300: #e5ac8c;
  --orange-400: #d9835e;
  --orange-500: #d1653f;
  --orange-600: #c34e33;
  --orange-700: #a23c2c;
  --orange-800: #82332a;
  --orange-900: #692c25;
  --orange-950: #381412;
  --yellow-50: #fffbeb;
  --yellow-100: #fef4c7;
  --yellow-200: #fce68b;
  --yellow-300: #fbd44e;
  --yellow-400: #f9c026;
  --yellow-500: #f3a00d;
  --yellow-600: #d77908;
  --yellow-700: #b3550a;
  --yellow-800: #91410f;
  --yellow-900: #773610;
  --yellow-950: #441b04;
  --brand: var(--yellow-300);
  --font-season-sans:
  	"Season Sans", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-musiversal-sans:
  	"Musiversal Sans", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-season-mix: "Season Mix", "Georgia", "Times New Roman", Times, serif;
  --main-font: var(--font-season-sans);
  --brand-font: var(--font-musiversal-sans);
  --secondary-font: var(--font-season-mix);
  --orchestras-font: var(--font-season-mix);
  --normal: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --max-container-width: 1600px;
  --container-width: 1440px;
  --small-container-width: 768px;
  --section-height: 700px;
  --section-spacing: 64px;
  --breakpoint-mobile: 640px;
  --breakpoint-tablet: 768px;
  --breakpoint-laptop: 1024px;
  --breakpoint-desktop: 1280px;
  --breakpoint-ultra: 1536px;
}

html,
body {
  height: 100%;
}

html {
  font-family: var(--main-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea,
select {
  border: none;
  font-family: var(--text-font);
}

* {
  box-sizing: border-box;
}