style.css

#item-1,  #item-1-2 ,#item-2, #item-3 {
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
    background-image: url(cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA4L3Jhd3BpeGVsb2ZmaWNlMjBfYV9jbG9zZV91cF9vZl9hX2NvbG9yZnVsX2ZsdWlkX2Fic3RyYWN0X3BhbGVfd18xYTg4YWI2Ny1jMzdmLTQ2ZTctYjk5OC1hMjI2N2U3YmI4ODBfMi5qcGc.webp);
    padding: 20px;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    
    
}


 #item-1-1,  #item-3,  #item-3-1 {
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
    background-image: url(czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.webp);
    padding: 20px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

nav{
    background-color: bisque;
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    padding-top: 60px;
    padding-left: 80px;
    margin-right: 0;
  
}

nav>a{
    text-decoration: none;
    color: white;
}
.nav-link {
    align-items: center;
}
nav>a:hover{
    border: 2px solid white;
    background-color: white;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 0;
}
h4, h5{
    padding-top: 25%;
    font-weight: bold;
}

h4, h5, p{
    font-size: 200%;
}
.sticky {
    position: fixed;
    top: 0px;
    width: 16%;
  }
nav>a>nav>a{
    padding-left: 50px;
}  
.row{
    max-height: 100vh;
}
.section
{
    height: 100vh;
    scroll-snap-align: snap;
}
@media screen and (max-width: 600px) {
    #navitem1{
        position: absolute;
        padding-left: 2px;
    }
  }
  
  @media screen and (max-width: 600px) {
    .navbar-example3 {position: relative;}
    .navbar-example3  {
      position: absolute;
      right: 0;
      top: 0;
    }
}