@font-face {
    font-family: semifont;
    src: url('../fonts/Oswald-SemiBold.ttf');
}

@font-face {
    font-family: boldfont;
    src: url('../fonts/Oswald-Bold.ttf');
}

@font-face {
    font-family: mediumfont;
    src: url('../fonts/Oswald-Medium.ttf');
}

@font-face {
    font-family: regularfont;
    src: url('../fonts/Oswald-Regular.ttf');
}

@font-face {
    font-family: lightfont;
    src: url('../fonts/Oswald-Light.ttf');
}

:root {
    --white: white;
    --white-light: rgba(255, 255, 255, 0.37);
    --white-soft: rgba(255, 255, 255, 0.8);
    --yellow: #FFD23F;
    --yellow-light: #ffd23f80;
    --black: black;
    /* Discord blue color */
    --blue: #7289DA;
    /* Youtube red color */
    --red: #FF0000;
    --gray: #22242d;
    --darkgray: #1e1f27;
    --nightgray: #121318;
    --lightgray: #22242d17;
    --semifont: semifont;
    --boldfont: boldfont;
    --mediumfont: mediumfont;
    --regularfont: regularfont;
    --lightfont: lightfont;
}