@font-face {
    font-family: "Fast Hand";
    src: url("/assets/font/Fast\ Hand.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "League Spartan";
    src: url("/assets/font/LeagueSpartan-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/assets/font/IBMPlexMono-SemiBold.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
}

span {
    color: var(--Color-White);
}

.Header-D {
    font-family: "Fast Hand";
    font-size: 60px;
}

.Header-LS-D {
    font-family: "League Spartan";
    font-size: 60px;
    font-weight: 600;
}



.Header-M {
    font-family: "Fast Hand";
    font-size: 48px;
}

.Header-L {
    font-family: "Fast Hand";
    font-size: 60px;
    font-weight: 600;
}

.Header-S {
   
    font-family: "Fast Hand";
    font-size: 40px;
    
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.Header-L-LS {
    font-family: "League Spartan";
    font-size: 60px;
    font-weight: 600;
}

.Header-XS-L {
    font-family: "League Spartan";
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
}

.Header-S-LS {
    font-family: "League Spartan";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 100% */
    text-transform: uppercase;
}

.Header-LS-M {
    font-family: "League Spartan";
    font-size: 48px;
    font-weight: 600;
}

.Header-LS-S-D {
    font-family: "League Spartan";
    font-size: 32px;
    font-weight: 600;
}

.Header-IBM {
    color: var(--Color-Palette-Primary, #f2ff28);
    font-family: "IBM Plex Mono";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.Body-IBM {
    text-align: center;
    font-family: "IBM Plex Mono";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.Body-D {
    font-family: "League Spartan";
    font-size: 24px;
    font-weight: 400;
}

.Body-L {
    font-family: "League Spartan";
    font-size: 24px;
    font-weight: 400;
}

.Body-L-M {
    font-family: "League Spartan";
    font-size: 24px;
    font-weight: 600;
}

.Body-M {
    font-family: "League Spartan";
    font-size: 20px;
    font-weight: 400;
}

.Body-Body-M {
    font-family: "League Spartan";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
}

.Caption {
    font-family: "League Spartan";
    font-size: 16px;
    font-weight: 600;
}

.Ohers-Caption {
    color: var(--Color-Palette-White, #fff);
    /* Others/Caption */
    font-family: "League Spartan";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
}

.Header-Calendar-Item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--Primary, #f2ff28);
    text-overflow: ellipsis;
    font-family: "League Spartan";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 114.286% */
    text-transform: uppercase;
}

.Header-Calendar-Professor {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--White, #fff);
    text-overflow: ellipsis;
    font-family: "League Spartan";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    text-transform: uppercase;
}

.Header-Header-M {
    /* Headers/Header M */
    font-family: "Fast Hand";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.Footer-links {
    color: var(--White, #fff);
    font-family: "IBM Plex Mono";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.Footer-location {
    color: #fff;
    text-align: center;
    /* Others/Caption */
    font-family: "League Spartan";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
}

.button-text {
    color: var(--Black, #121212);
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.Professors-Text {
    color: var(--Color-Palette-White, #fff);
    text-align: center;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--Color-Palette-Black, #121212);
    font-family: "League Spartan";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    text-transform: uppercase;
}

.Location-Text-Sidebar {
    color: #fff;
    text-align: center;
    font-family: "League Spartan";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 100% */
}