/* Style the main content */
.main {
    margin-left: auto;
    margin-right: auto;
    /* Same as the width of the sidenav */
    padding: 0px 10px;
    width: 60%;
    text-align: center;
}

* {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

#background-image {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h1{
    font-size: 3em;
}

h1 img {
    height: 0.8em;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Scale width for smaller screen */
    .main {
        width: 90%;
    }
    
    
    /* Place the timelime to the left */
    h1{
        font-size: 1.6em;
    }

    /* Increase size of image for smaller screens. */
    #background-image {
        width: 80%;
    }
}