/* desktop resolution */
header{
    text-align: center;
}

header h1{
    font-size: 6vw;
    margin-bottom: 1%;
}

body{
    background-color: rgb(253 246 227);
    font-family: Helvetica;
}

.projects--list{
    font-size: 15px;
}

/* homepage */
.home--welcome{
    font-size: 3vw;
    text-align: center;
}

.home--introduction{
    text-align: center;
}

#quote{
    font-size: 3vw;
}

header .navbar{
    font-size: 1.5vw;
    margin-top: 1rem;
    display: flex;
    justify-content: space-around;
}

header a{
    color: black;
    text-decoration: none;
}

header a:hover{
    color: #E88700;
}

main{
    margin-left: 10%;
    margin-right: 10%;
}


/* mobile resolution */
@media only screen and (max-width: 768px){
    header h1{
        font-size: 9vw;
    } 

    #quote{
        font-size: 5vw;
    }

    /* homepage */
    .home--welcome{
        font-size: 8vw;
    }

    .navbar a{
        font-size: 4vw;
    }
    main {
        margin-left: 5%;
        margin-right: 5%;
    }
}