*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --light-blue: #23C7D9;
    --dark-blue: #035159;
    --background: #202020;
    --yellow: #e8e800;
    --text-main: #DDD;
    --text-dark: #2b2b2b;
    --text-muted: #494949;
    --known: #009900;
    --known-dark: #027702;
    --unknown: #990000;
    --unknown-dark: #7a0101;
}

@font-face{
    font-family: gilroy-light;
    src: url("../fonts/gilroy-light.otf");
}

@font-face{
    font-family: gilroy-extrabold;
    src: url("../fonts/gilroy-extrabold.otf");
}

body{
    font-family: gilroy-light;
    background-color: var(--background);
    color: var(--text-main);
}

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