/* styles.css */

@font-face {
    font-family: "Computer Modern";
    src: url("../woff/cmunrm-webfont.woff");
}

@font-face {
    font-family: "Computer Modern";
    src: url("../woff/cmunbx-webfont.woff");
    font-weight: bold;
}

@font-face {
    font-family: "Computer Modern";
    src: url("../woff/cmunti-webfont.woff");
    font-style: oblique;
}

@font-face {
    font-family: "Computer Modern";
    src: url("../woff/cmunbi-webfont.woff");
    font-weight: bold;
    font-style: oblique;
}

.banner {
    background-color: black;
    height: 25vmin;
}

body {
    font-family: "Computer Modern";
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.content h1 {
    font-size: 50px;
    margin: 5vmin;
    padding: 2px;
    text-align: center;
}

.content h2 {
    font-size: 45px;
    margin: 5vmin;
    padding: 2px;
    text-align: center;
}

.content p {
    font-size: 20px;
    margin: 5vmin;
    padding: 0;
    text-align: justify;
}

a {
    color: black;
}

.dark-mode a {
    color: white;
}

body.dark-mode {
    background-color: black;
    color: white;
}

/* #downloadCVButton {
    border: none;
    background-color: black;
    color: white;
    position: absolute;
    top: 20vh;
    right: 10vw;
    height: 5vmin;
    width: 5vw;
    font-family: monospace;
    font-size: 4vmin;
    cursor: pointer;
}

#downloadCVButton:hover {
    background-color: white;
    color: black;
} */

/* #githubButton {
    border: none;
    background-color: black;
    color: white;
    position: absolute;
    top: 20vh;
    right: 5vw;
    height: 5vmin;
    width: 5vw;
    font-size: 4vmin;
    cursor: pointer;
}

#githubButton:hover {
    background-color: white;
    color: black;
} */

#darkModeButton {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: white;
    position: absolute;
    top: 20vmin;
    right: 0;
    height: 5vmin;
    width: 5vmin;
    padding: 0;
    font-size: 4vmin;
    cursor: pointer;
}

/* #darkModeButton:hover {
    top: 20vmin;
    right: 0;
    height: 5vmin;
    width: 5vmin;
    color: white;
} */