:root {
    /*--primary-alt: #F8EEE3;*/
    /*--primary-light: #F8EEE3;*/
    /*--primary: #F8EEE3;*/
    /*--primary-dark: #F8EEE3;*/
    --secondary: #B1B1AA;
    --secondary-light: #B1B1AA88;
    --secondary-dark: #B1B1AA;
    --background-color: #F8EEE3;
}

h1, h2, h3, h4, h5 {
    font-family: "Noto Serif Display", serif !important;
    font-weight: 300;
}

p, span, a, label {
    /*font-family: 'Noto Serif Display', serif !important;*/
    font-weight: 700;
}

a:not(.submit-button) {
    color: var(--primary);
    text-decoration: none;
}

a:not(.submit-button):hover {
    color: var(--primary-dark);
}

.large-border-round {
    border: 10px solid var(--secondary);
    border-radius: 50%;
}

.rotation-animation {
    position: absolute;
    animation: 13s rotation infinite linear;
    animation-delay: 300ms;
    height: calc(100% + 60px);
}

.rotation-animation > * {
    transition: all 200ms;
}

@keyframes rotation {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotate(360deg)
    }
}