* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: 400;
    font-family: sans-serif;
    color: black;
}

html,
body
{
background-color: #4738a6;
height: 300vh;
}

#logo {
background-position: center;
width:100%;
} 

section{
position: relative;
height: 200vh;
width: 100%;
}

section:nth-child(2){
top: -100vh
}

section:nth-child(3){
    top: -200vh  
    }

section:nth-child(4){
        top: -300vh;
        height: 100vh;
        }

.sticky{
    position: sticky;
    width: 100%;
    height: 100vh;
    top: 10px;
    padding: 2rem;
    will-change: filter, transform;
}

.container{
    width: 100%;
    height: 100%;
    background-color: #e2e2e200;
    border-radius: 10px;
    padding: 1rem;
    
}