/* Header & Footer */
header, footer {
    color: var(--inverse-link);
}

/* Background Video */
video.bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    filter: blur(3px) brightness(40%);
    transform: scale(1.1);
}

/* Index Intro Section */
.index-intro {
    display: flex;
    flex-direction: column;
    max-width: 20rem;
    width: 100%;
    position: relative;
    bottom: 0;
    top: 0;
    padding: 0 0.75rem 3rem;
    color: var(--inverse-link);
}

.index-intro .top-links {
    display: flex;
    flex-direction: column;
    text-align: right;
}

/* Links & Buttons */
a {
    color: var(--inverse-link);
}

button {
    color: var(--inverse-link);
}

button.cv-button {
    text-align: left;
    margin: 0.75rem 0;
}

button.newsletter-button {
    text-align: right;
}

/* Forms */
form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.newsletter-content {
    transition: 0.08s ease-in-out;
}

form input {
    border: unset;
    outline: unset;
    box-shadow: unset;
    font-size: var(--base-size);
    font-family: var(--serif-font);
}

form input[type=email] {
    max-width: 10rem;
    opacity: 85%;
    border-radius: 0.2rem;
}

form input[type=submit] {
    color: var(--inverse-link);
    margin-top: -0.25rem;
}

form ::placeholder {
    font-size: var(--base-size);
    font-family: var(--serif-font);
}

/* Hidden Content */
.work-content.hidden {
    display: none;
}

.newsletter-content.hidden {
    opacity: 0;
}


/* CV List */
.cv-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cv-item {
    list-style: disc;
}

.cv-year {
    font-weight: bold;
}