:root{
    --bannerBck: rgba(48, 23, 232, 0.792);
}
body{
    height: 100vh;
    width: 100vw;
    display: contents;
    margin: 0;
}
header ul{
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
header ul li{
    list-style: none;
    width: 10%;
    height: 100%;
}
header ul li:nth-child(odd){
    background: linear-gradient(90deg, rgba(0,212,255,1)35%, rgba(9,9,121,0.6839110644257703)  100%);
}
header ul li:nth-child(even){
    background: linear-gradient(90deg, rgba(9,9,121,0.6839110644257703) 67%, rgba(0,212,255,1) 100%);
}

header,footer{
    position: relative;    
    display: block;
    width: 100%;
    background-color: var(--bannerBck);
    height: min(40px,5vh);
    margin: 0;
}
main{
    position:relative;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 5ch;
    background-color: black;
}

section{
    color: white;
}