@font-face {
    font-family: 'Quicksand';
    src: url(fonts/Quicksand-VariableFont_wght.ttf);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', 'Roboto', sans-serif;
    /* overflow: hidden; */
    overflow-x: hidden;
    background-color: var(--light-emphasis-color);
}

button {
    font-family: 'Quicksand', 'Roboto', sans-serif;
}

input {
    font-family: 'Quicksand', 'Roboto', sans-serif;
}

:root {
    --emphasis-color: #31A1D6;
    --light-emphasis-color: #ECF7FB;
    --light-text-color: #989C9E;
    --positive-color: #B1D836;
    --dark-positive-color: #82B109;
    --warning-color: #ED8406;
    --negative-color: #CC3E12;
    --dark-bg-color: #4F5659;
}