*{
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #5b5f62;

}

/* --- Global class--- */
.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.center{
    display: flex;
    justify-content: center;
}
.link{
    color: #5b5f62;
    text-decoration: none;
}
.visible-link{
    color: #3195ff;
}
.note{
    font-weight: lighter;
}
.list{
    margin-top: 2vh;
    margin-bottom: 2vh;
}
.invalid-feedback{
    color: red;
}
.example{
    color: grey;
    font-style: italic;
}

/* --- Nav bar --- */
nav {
    width: 100vw;
    height: 10vh;
    background-color: #3195ff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 2vh;
}
nav a{
    height: 60%;
}
nav img{
    height: 100%;
}
.title{
    color: white;
    letter-spacing: 2px;
    font-weight: 300;
}