.header {
    background-color:tomato;
    
    bottom: 1%;
    position: sticky;

    padding:6px 3px 27px 6px;
    margin:0px -6px 0 -6px;

    display:flex;
    justify-content: flex-end;

    z-index: 10;

}

.header::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(253, 187, 45, 0) 100%);
}

.banner {
    background-color:DodgerBlue;

    bottom: 0;
    position: sticky;

    padding:6px 3px 4px 3px;
    margin:0 -6px 0 -6px;

    z-index: 10;
}

p {
    font-family: "Space Grotesk", sans-serif;
}