@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

:root {
    --text-color: white;
    --trans-black: rgba(0, 0, 0, 0);
    --brown-1: #834e44;
    --brown-2: #bc776b;
    --brown-3: #cb8e83;
    --yellow-0: #ffb329;
    --yellow-1: #ffbf4b;
    --yellow-2: #ffd07a;
    --yellow-3: #ffdfa4;
    --red-1: #ed3f3f;
    --red-2: #ff6161;
    --red-3: #ff8080;
    --blue-1: #0094ff;
    --blue-2: #41afff;
    --blue-3: #79c7ff;
}

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

body, main, section {
    width: 100vw;
    height: 100vh;
}

body {
    background-image: linear-gradient(225deg, #454545, #262626);
    overflow: hidden;
}