* {
    margin: 0;
    padding: 0;
}

html {
  scrollbar-gutter: stable;
}

body {
    background-color: darkblue;
}

.cartel {
    font-family: 'Courier New', Courier, monospace;
    font-size: 8rem;
    background: tomato;
    height: 250px;
}

.header {
    position: sticky;
    background: lime;
    height: 80px;
    top: 0;
    z-index: 1;
}

.container {
    background: aliceblue;
    display: grid;
    gap: 4px;
    grid-template:
        ". s1" 1fr
        ". s2" 1fr
        ". s3" 1fr
        ". s4" 1fr 
        ". s5" 1fr 
        / 1fr 120px
    ;
    height: 500vh;
}

.sticker1container {
    /*
    height: 80%; 
    margin: auto;
    */
    height: 100%;
    grid-area: s1;
}

.sticker2container {
    height: 100%;
    grid-area: s2;
}

.sticker3container {
    height: 100%;
    grid-area: s3;
}

.sticker4container {
    height: 100%;
    grid-area: s4;
}

.sticker5container {
    height: 100%;
    grid-area: s5;
}

.sticker {
    border-radius: 0 0 10px 0;

    position: sticky;
    height: 240px;
    width: 100%;
    top: 80px;

    z-index: 0;
}

.sticker1 {
    background: blueviolet;
}

.sticker2 {
    background: blue;
}

.sticker3 {
    background: cyan;
}

.sticker4 {
    background: greenyellow;
}

.sticker5 {
    background: yellow;
}