body{background-image:url(../images/background)}
p{padding-left:10vw;background:linear-gradient(to left,transparent 0%,#6C6 20% 80%,transparent 100%)}
h1{text-shadow:0.1vw 0.1vw #666;background:linear-gradient(to left,transparent 0%,#6C6 10% 90%,transparent 100%);background-size:45vw;background-repeat:no-repeat;background-position-x:center;text-align:center}
h1:hover{background:linear-gradient(to left,transparent 0%,#C66 10% 90%,transparent 100%);background-size:45vw;background-repeat:no-repeat;background-position-x:center}
ul{z-index:1;list-style:none;background:#A4AC;margin:0;border-radius:10px}
ul a{color:black;text-decoration:none;background:#0003;white-space:nowrap}
ul li{display:inline}
ul a:hover{color:darkblue}
.noclick{color:darkgrey}
.current{color:darkblue}
@media screen and (max-width:1000px) {
    h1{background:linear-gradient(to left,transparent 0%,#6C6 20% 80%,transparent 100%)}
    h1:hover{background:linear-gradient(to left,transparent 0%,#C66 20% 80%,transparent 100%)}
    p{background:linear-gradient(to left,transparent 0%,#6C6 10% 90%,transparent 100%)}
    p:hover{background:linear-gradient(to left,transparent 0%,#C66 10% 90%,transparent 100%)}}