body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
    
main {
    flex: 1 0 auto;
}
        

.my-nav {
    background-image: linear-gradient(to bottom,#fedd24,#fbf82f);
    background-color: #fedd24;
    color: #333;
}
.my-nav a{
    color: #333;
}

.banner-top {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}

/*footer*/
footer {
    border-top: 8px solid #fbf82f;
    color: #090808;
}
.page-footer{
    color: #090808;
}