body {
    background-color: #97a3a1;
    color: #594b3d;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Bellefair", "Times New Roman", Times, serif;
}

hr {
    background-color: #9f3700;
}

h1 {
    margin: 0px;
}

.hero {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ornament {
    width: 72px;
    height: auto;
    margin: 0px;
}

.rotate-180 {
    transform: rotate(180deg);
}

.centered {
    text-align: center;
}

.primaryFont {
    font-family: "Limelight", "Times New Roman", Times, serif;
    color: #9f3700;
}

#cover {
    background-color: #97a3a1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
}

#loader {
    border: 5px solid #d5d5d5;
    border-top: 5px solid #9f3700;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 10;
}

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