/*********************
    Google fonts.
*********************/

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

/*********************
    Global variables.
*********************/

:root {
    --main-color: orange;
    --hover-color: rgb(255, 200, 100);
    --form-width: 700px;
    --table-width: 700px;
}

/*********************
    Body basics.
*********************/

body {
    margin: 0;
}

/*********************
    Header basics.
*********************/

header {
    /*color: white;*/
    display: flex;
    padding: 2em 4em;
    /*background-color: var(--main-color);*/
}

/*********************
    App logo.
*********************/

header section:first-child {
    width: 70%;
}

header section:first-child a {
    font-size: 2ch;
    margin-right: 1em;
    font-family: Roboto;
    text-decoration: none;
}

/*********************
    Links (disabled).
*********************/

header section:nth-child(2) {
    width: 30%;
    display: flex;
    justify-content: space-between;
}
header section:nth-child(2) article {
    margin: auto 0;
}

/*********************
    Main basics.
*********************/

main {
    padding: 4em;
    font-family: Roboto;
}

/*********************
    Classes.
*********************/

.flat-bottom {
    padding-bottom: 0 !important;
}

.hidden {
    display: none;
}

.painted {
    background-color: lightgray;
}