#header {
    background-color: #1b7bc5;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.menu-icon {
    color: white;
    position: absolute;
    left: 1.5%;
    top: 2.5%;
    font-size: 30pt;
}

#menu-links a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    width: 100%;
    border-top: 1px solid ;
}

#menu-links {
    display: none;
    position: absolute;
    width: 25%;
    background-color: rgb(65, 65, 65);
}

.slidein {
    animation: 0.25s 1 slidein;
}

.slideout {
    animation: 0.25s 1 slideout;
    translate: -25vw 0;
}

@keyframes slidein {
    from {
      translate: -25vw 0;
    }
  
    to {
      translate: 0 0;
    }
}

@keyframes slideout {
    from {
        translate: 0 0;
    }
    
    to {
        translate: -25vw 0;
    }
}

#title-div {
    text-align: center;
    float: left;
    width: 100%;
    padding: 15px;
}

#title-text {
    font-size: 25pt; 
    color: white;
    margin-left: auto; 
    margin-right: auto;
}

#subtitle-div {
    max-width: fit-content; 
    margin-left: auto; 
    margin-right: auto;
    text-align: center;
}

#subtitle-text {
    font-size: 15pt; 
    color: white;
}