body{width:100vw;margin:0;background-color:var(--color-back);color:var(--color-text);font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}menu{width:calc(100% - 260px);padding-inline-start:0;margin-left:auto;margin-right:auto;text-align:center}menu>li{cursor:pointer;display:block;list-style-type:none;width:100%;padding:1px 1px;text-align:center;color:var(--color-back);background-color:var(--color-text);text-transform:uppercase;margin-top:5px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}menu>li:hover{color:white;cursor:pointer;opacity:.8}menu>li>span{width:45%;display:inline-block;text-align:center}menu>li>span:hover{color:yellow}h1,h2,menu{margin-block-start:0;margin-block-end:0}h1{width:100%;color:var(--color-text);text-align:center;letter-spacing:3PT;text-transform:uppercase;font-size:1.2rem}h2{clear:both;text-align:center;color:var(--color-back);background-color:var(--color-text);text-transform:uppercase;letter-spacing:5PT}h2>span{cursor:pointer}a{float:left;box-sizing:border-box;width:30vw;padding:3vw;border-radius:2vw;margin-bottom:2vh;margin-right:0;margin-left:2vw;font-size:larger;text-transform:uppercase;letter-spacing:1PT;color:var(--color-base);border:5px solid var(--color-block);background-color:var(--color-block);box-shadow:0 0 1rem rgba(105,105,105,.8)}a:hover{color:var(--color-text-light);background-color:var(--color-block-light)}a>img{max-width:50%}hr{clear:both;margin:2px}footer>input{width:80px}footer>input:nth-of-type(-n+4){display:none}footer{text-align:center}@media(min-width:600px) and (max-width:900px){a{position:relative;display:inline-block;width:45vw;margin-left:3vw;border-radius:3vw;margin-bottom:3vh}}@media(max-width:600px){a{position:relative;display:inline-block;width:90vw;margin-left:5vw;border-radius:5vw;margin-bottom:5vh}footer>input{width:12vw}footer>input:nth-of-type(-n+4){display:inline-block}}