@font-face {
    font-family: 'Space Mono';
    src: url('../../rsc/fonts/SpaceMono-Regular.ttf');
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../../rsc/fonts/SpaceGrotesk-Medium.ttf');
}

:root {
    --nice-padding: 6rem;
    --roundness: 0.75rem;
    --accent1: #029edb;
    --accent2: #056db3;
    --accent2_transp: #057cb355;
    --background1: #212529;
    --background2: #16191b;


    color-scheme: dark;
}

span {
    font-family: 'Space Grotesk', sans-serif;
}

body {
    font-family: 'Space Grotesk', sans-serif;
    background-color: var(--background1);
    color: white;
    margin: 0px;
}

#more {
    padding-top: 5rem;
    margin-top: -5rem;
}

#discord {
    padding-top: 5rem;
    margin-top: -5rem;
}

#about {
    padding-top: 5rem;
    margin-top: -5rem;
}

#join {
    padding-top: 5rem;
    margin-top: -5rem;
}

.banner {
    display: flex;
    position: fixed;
    background-color: #ff000099;
    width: 100%;
    height: 3rem;
    z-index: 10;
    font-size: 2rem;
    font-weight: 600;
    justify-content: center;
    backdrop-filter: blur(15px);
    align-content: center;
    padding-top: .4rem;
}

.headline {
    margin-top: 2rem;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
}

.mainflex {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}