html, body {
    height: 100%;
    margin: 0;
    background-color: #e6e6ff;
    color: #003366;
    font-family: Montserrat, sans-serif;
    font-size: inherited;
    line-height: normal;
}

a:link {
    color: inherit;
    text-decoration: underline;
}

a:visited {
    color: inherit;
    text-decoration: none;
 }

.section1, .section2, .section3 {
    position: relative;
    opacity: 0.67;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section1 {
    background-image: url('images/lake-erie.jpg');
    min-height: 100%;
}

.section2 {
    background-image: url('images/cleveland-bridge-night.jpg');
    min-height: 100%;
}

.section3 {
    background-image: url('images/lake-erie-sunrise.jpg');
    min-height: 100%;
}

.caption {
    position: absolute;
    text-align: center;
    left: 0;
    top: 40%;
    width: 100%;
}

.in-caption-large {
    color: #e6e6ff;
    background-color: transparent;
    font-weight: bold;
    font-size: 200%;
}

.in-caption-small {
    color: #e6e6ff;
    background-color: transparent;
    font-weight: bold;
    font-size: 120%;
}

.in-between {
    padding: 5% 10%;
    text-align: justify;
}

.in-between h3 {
    text-align: center;
}

footer p {
    font-size: 70%;
    text-align: center;
}

.container div {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.container div button {
    background-color: #003366;
    color: #e6e6ff;
}

.container div button:hover {
    background-color: darkgreen;
}

.container div button:active {
    background-color: darkred;
}

.container div button:disabled {
    background-color: darkgreen;
}

.validation-errors {
    color: red;
}

#support-ukraine {
    position: fixed;
    top: 25px;
    left: 25px;
    z-index: 10;
    background: linear-gradient(to bottom, #0057b7 0%, #0057b7 50%, #ffdd00 50%, #ffdd00 100%);
    border-style: solid;
    border-color: white;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px black;
    box-shadow: 5px 5px 2.5px #003366;
}

#support-ukraine a:link {
    text-decoration: none;
}

#support-ukraine a:visited {
    text-decoration: none;
}

#support-ukraine a:hover {
    text-decoration: none;
}

#support-ukraine a:active {
    text-decoration: none;
}