:root {
    --nav-background: black;
    --main-background: rgb(10, 10, 10);
    --main-background-2: rgb(20, 20, 20);
    --main-background-5: rgb(50, 50, 50);

    --green: #34b600;
    --green-1: #3dd800;
    --orange: #d45500;
    --orange-1: #e46b1b;

    --grey: rgb(114, 114, 114);
    --regular-size: 1.1em;
    --small-size: 0.8em;
}

* {
    font-family: 'Geist Mono' ,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;

    transition-duration: 1s;

    color: white;
}


body {
    display: flex;
    flex-direction: column;

    margin: 0;
    width: 100%;
    min-height: 100vh;

    font-size: var(--regular-size);
}

.pg-padding {
    padding-inline: 15vw;
}