@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.header {
    height: 8.5vw;
    width: 100vw;
    
    vertical-align: middle;
}

.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
    margin: 0; 
    display: inline-block;
    vertical-align: top;
    line-height: 7vw;
    font-size: 48pt;
    
    color: red;
}

.navbar {
    width: 100%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.navbar-button {
    width: 10vw;
    border-right: 1px solid white;
    color: white;
    text-align: center;
    
    display: inline-block;
}

.content {
    margin: auto;
    width: 60vw;
}

.current {
    color: red;
}

.navbar-link {
    text-decoration: none;
}

.header-img {
    height: 7vw;
    width: 7vw;
    
    display: inline-block;
}

.header-text {
    display: inline-block;
    margin-left: 1em;
}

html {
    background-color: black;
    color: white;
    font-family: 'Philosopher', sans-serif;
}