:root {
    --color1: #021515;
    --color2: #0A8080;
    --color3: #C5FBFB;
    --color4: #800A0A;
}

body {
    display: flex;

    margin: 0;
    padding: 0;

    flex-direction: column;

    background-color: var(--color2);

    text-align: center;
    color: var(--color3);
}

.title-bar {
    display: flex;

    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.title-bar-entry {
    background-color: var(--color3);

    color: var(--color1);

    height: 25px;
    padding: 15px;
    margin: 5px;
}

.title-bar-entry:hover {
    background-color: var(--color2);
}

.section {
    display: flex;
    flex-direction: row;

    background-color: var(--volor1);
    width: 100%;
    min-height: 250px;
    height: fit-content;
}

.box.wide {
    width: 80%;
}

.box.narrow {
    width: 20%;
}