/* Colors */
:root {
    --color-primary-0: #024E60;

    --color-primary-4: #00242D;
    --color-primary-pastel: #D0D6D8;
    --color-primary-dark-pastel: #222;

    --color-complement-1: #FFEE00;
    --color-complement-1-dark: #FFC500;
    --color-complement-2: #2A21A2;
    --color-complement-pastel: #FFFAF5;
}


* {
    color: var(--color-primary-dark-pastel);
    background-color: var(--color-complement-pastel);
}

a {
    color: var(--color-complement-2);
}


@media (prefers-color-scheme: dark) {
    * {
        color: var(--color-complement-pastel);
        background-color: var(--color-primary-dark-pastel);
    }

    a {
        color: var(--color-complement-1);
    }


}

/* Main */

nav a,
footer div a {
    margin: 0px 5px;
}

footer {
    margin-top: 40px;
    text-align: center;
}

body {
    font-family: Times, serif;
    margin: auto;
    padding: 18px;
    max-width: 600px;
    font-size: 18px;
    text-align: left;
    position: relative;
}


.emoji {
    font-weight: initial !important;
}

input[type="submit"] {
    color: var(--color-complement-pastel) !important;
    background-color: var(--color-complement-1) !important;
    border-color: initial !important;
    font-family: Times, serif !important;
}

input[type="email"] {
    color: initial !important;
    background-color: initial !important;
    font-size: initial !important;
    margin: initial !important;
    font-family: Times, serif !important;
}

section {
    margin-bottom: 200px;
}

img {
    max-width: 99%;
}

code.camera {
    font-size: 12px;
}

div.photo {
    margin-bottom: 50px;
}

iframe {
    width: 100%;
    height: 350px;
}

#loadMore{
    text-align: center;
    width: 99%;
}

.hidden{
    visibility: hidden;
}