body {

    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.main__section {
    width: 100%;
    margin: 0 auto;
    min-height: 50vh;

}

.main__section:nth-child(even){
    height: 120vh;
    background-color: #34495E;
}

.main__section:nth-child(odd){
    height: 80vh;
    background-color: #C0392B;
}

nav {
    position: fixed;
    top: 30%;
    bottom: 30%;
    right: 2%;
    width: 60px;
    padding: 30px 0;
/*    background-color: #e5e5e5;*/
}

nav ul {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;;
    align-items: center;

}

nav ul li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #f4f4e4;
}

.active{
    box-shadow: 0 0 0 3px #222 , 0 0 0 6px #222;
}