body {background:repeating-radial-gradient(#7BB,#BB7,#B7B); background-repeat: repeat; font-size: 3vh; font-family: sans-serif; margin: 1%}
p{background: linear-gradient(to left,transparent 0%,#7BB,#BB7,#B7B,transparent 100%)}
p:hover{transition: ease 0.5s; background: linear-gradient(to left,transparent 0%,#C66 20% 80%,transparent 100%)}
nav button:hover,a:hover{filter:hue-rotate(90deg)}
header {width: 100%; height: 10vw; background: #966; border-radius: 10px; font-size: 1.75vw}
nav {display: flex; justify-content: space-evenly; padding-top: 1.25%; text-align: center}
nav button {font-size: 1.75vw; border: none; padding-bottom: 5%}
#hedrbtn{background: linear-gradient(red, orange, yellow, green, blue, indigo)}
nav > * {box-shadow:0.1vw 0.1vw #555;width: 10vw; height: 5vw;background: #9B9; padding-top: 3%; border-radius: 10px; text-decoration: none; color:#EEE}
footer {box-sizing:border-box;position:absolute;background:#999;margin:0 auto;width:98%;min-height:5vh;padding:1%;margin-top:2vh;border-style:inset;border:1px solid #333}
footer a{color:red}
#content {text-align: center; margin: 0px; border-bottom: 2px solid #567}
.icon {width: 2vw}
#logo{transform:translateY(-0.75vw);height:4.8vw;scale:1.5}
@media screen and (max-width:1000px) {
    header{height:100px;font-size:18px}
    nav > * {box-shadow:0.1vw 0.1vw #555;width: 100px; height: 60px;background: #9B9; padding-top: 3%; border-radius: 10px; text-decoration: none; color:#EEE}
    .icon{width:20px}
    #logo{transform:translateY(10%);height:40px}
    #hedrbtn{display:none}}