@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('header.css');
@import url('aside.css');

:root {
    /* Colors */
    --background-color: #12141F;
    --dark-blue: #1D212A;
    --blue: #1B2232;

    /* Fonts */
    --header-title-font: "Bebas Neue";
    --header-title-size: 2.5rem;

    --title-font: "Inter";
    --title-weight: 600;
    
    --button-font: "inter";
    --button-size: 1.25rem;
    --button-weight: 600;

    /* Other */
    --border-radius: 0.5rem;
}

/* General config */

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--background-color);
}

h1, h2, h3, h4 {
    font-family: var(--title-font);
    font-weight: var(--title-weight);
    color: white;
}

main {
    display: flex;
}

/* Main style */

#mainSection {
    margin: 1rem;
    margin-left: 0;
    flex: 1 1 auto;

    display: flex;
    justify-content: center;

    gap: 1rem;
}