* {margin:0px;padding:0px;font-family:sans-serif;font-size:1vw;font-family:sans-serif}
a{text-decoration:none;color:aqua;text-align:center}
body{background-image: url(../images/background)}
#container{margin:5vh 5vw;width:90vw;height:90vh;background:rgba(125,125,125,0.75)}
#container>a{display:inline-block;margin:2vw;padding:2vw;background-color:black}
#container>a:hover{transition:1s;background:aqua;color:black}
#container>a+a:hover{transition:1s;background:black;color:aqua}
#container>a+a{color:black;background-color:aqua}
#promo{padding-top:15vw;display:flex;justify-content: space-around}
figure{height:15vw;width:15vw}
figure:hover{transition:1s;border:1px solid purple}
figcaption{background:#D62}
img:hover{transition:3s;rotate:360deg}
img{height:15vw}
#img2{filter:hue-rotate(120deg)}
#img3{filter:hue-rotate(240deg)}
.tag{z-index:2;padding:0.75vw;position:absolute;margin-left:-1vw;background:red;border-radius:0.5vw}
.tag+div{z-index:-1;position:absolute;margin-left:-1vw;margin-top:2.5vw;padding:1vw 2.5vw;rotate:45deg;background:darkred;border-radius:0.5vw}