html, body, .navbar, a.navbar-item:hover, a.navbar-burger, .navbar-menu, .label, .button, .input, .input[disabled] {
    background-color: black;
    color: white;
}

html {
    height: 100%;
}

body, .button, .input {
    font-family: 'Cormorant', serif;
}

h1, h2, h3, .navbar, .button, .meaganandevan {
    font-family: 'Cormorant SC', serif;
}

.meaganandevan {
    font-weight: bolder;
    font-size: 3vw;
}

h2 {
    margin-top: 1em;
}

h3.restaurant {
    margin-top: 1em;
}

@media only screen and (max-width: 1024px) {
    .meaganandevan {
        font-size: 5vw;
    }
}

h1, h2, h3 {
    text-align: center;
    font-weight: bold;
}

h1 {
    font-size: xx-large;
}

h2 {
    font-size: larger;
}

p {
    text-align: justify;
}

.section {
    padding-top: 0px;
}

.celebration {
    font-size: xx-large;
    text-align: center;
}

#version {
    text-align: center;
    font-family: 'JetBrains Mono', monospace;
}

.versionhidden {
    color: black;
}

.versionexposed {
    color: white;
}

.whereandwhen {
    font-size: larger;
    text-align: center;
}

a, a.navbar-item {
    color: white;
}

a:hover, a.navbar-item:hover, label.checkbox:hover:not([disabled]), label.radio:hover:not([disabled]) {
    color: lightblue;
}

.button {
    font-weight: bold;
    background-color: lightblue;
    border-color: lightblue;
    color: black;
}

.button:hover {
    font-weight: bold;
    background-color: black;
    border-color: lightblue;
    color: lightblue;
}