body {
    font-family: "Outfit", sans-serif;
    line-height: 1.5;
}

.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(1000, 1fr); */
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.text-centered {
    text-align: center;
}

input[type="checkbox"].c {
    /* display: inline; */
    width: 25px;
    height: 25px;
    appearance: none;
    border: 1px solid #808080;
    /* border-radius: 4px; */
    cursor: pointer;
}

span.c {
    text-align: center;
}

span.c1,
input[type="checkbox"].c1 {
    color: #ffffff;
    background-color: #0d0887;
}

span.c2,
input[type="checkbox"].c2 {
    color: #ffffff;
    background-color: #5302a3;
}

span.c3,
input[type="checkbox"].c3 {
    color: #ffffff;
    background-color: #8b0aa5;
}

span.c4,
input[type="checkbox"].c4 {
    color: #ffffff;
    background-color: #b83289;
}

span.c5,
input[type="checkbox"].c5 {
    color: #000000;
    background-color: #db5c68;
}

span.c6,
input[type="checkbox"].c6 {
    color: #000000;
    background-color: #f48849;
}

span.c7,
input[type="checkbox"].c7 {
    color: #000000;
    background-color: #febd2a;
}

span.c8,
input[type="checkbox"].c8 {
    color: #000000;
    background-color: #f0f921;
}

div.border {
    border-width: thin;
    border-style: solid;
    border-color: #D3D3D3;
}

a.reset {
    color: inherit;
}

a.menu:link,
a.plain:link,
a.reset:link,
a.map:link {
    color: inherit;
    text-decoration: none;
}

a.menu:hover,
a.reset:hover {
    color: inherit;
    cursor: pointer;
}

a.plain:visited {
    color: #800080;
}

a.plain:hover {
    /* color: inherit; */
    cursor: pointer;
    text-decoration: underline;
}

a.map:visited {
    color: #00e0c6;
}

a.map:hover {
    /* color: inherit; */
    cursor: pointer;
    text-decoration: underline;
}

a.logo {
    color: inherit;
    text-decoration: none;
}

.rand {
    font-size: 26vw;
}

nav,
nav ul {
    flex-direction: column;
}

@media only screen and (min-width: 1035px) {

    nav,
    nav ul {
        flex-direction: row;
    }

    .content-to-hide-l {
        display: none;
    }

    .parent {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (max-width: 1034px) {
    .content-to-hide-s {
        display: none;
    }
}

.rotate35 {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
}

.fadeInAndOut {
    color: #c32148;
    animation: fadeinout 2s linear forwards;
    -webkit-animation: fadeinout 2s linear forwards;
    -moz-animation: fadeinout 2s linear forwards;
    -o-animation: fadeinout 2s linear forwards;
    -ms-animation: fadeinout 2s linear forwards;
    opacity: 0;
}

@keyframes fadeinout {
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinout {
    50% {
        opacity: 1;
    }
}

@-moz-keyframes fadeinout {
    50% {
        opacity: 1;
    }
}

@-o-keyframes fadeinout {
    50% {
        opacity: 1;
    }
}

@-ms-keyframes fadeinout {
    50% {
        opacity: 1;
    }
}

.rotate {
    animation: rotation 2s linear forwards;
}

@keyframes rotation {
    100% {
        transform: rotate(360deg);
    }

    /* 100% {
        transform: rotate(0deg);
    } */
}

#top_right {
    position: absolute;
    top: 15px;
    right: 15px;
}

div.break_line {
    word-wrap: break-word;
    /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;
    /* Renamed property in CSS3 draft spec */
    width: 100%;
}

tr.hidden {
    display: none;
}