@import url('f.css');:root{--fontColor:whitesmoke;}html{font-family:s,Arial,Helvetica,sans-serif;font-variation-settings:'wght' 400.0;font-size:2ch;color:var(--fontColor);background-color:darkslateblue;margin:0;padding:0;text-align:center;}body{margin:0;padding:0;}video{object-fit:cover;height:100%;width:100%;position:fixed;top:0;left:0;margin:0;border:none;padding:0;z-index:-1;}#w{display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-content:space-between;min-height:100%;width:100%;position:relative;top:0;left:0;margin:0;padding:0;border:none;z-index:1;}#c{display:flex;justify-content:start;align-items:center;max-width:80%;margin:5vmin;padding:5vmin;background:#333344AA;backdrop-filter:blur(20px);border:2px solid #444455;border-radius:10px;box-shadow:2px 2px 2px 2px #00000044;}header{display:flex;justify-content:center;align-items:center;width:100%;}#a{min-width:30vmin;height:auto;aspect-ratio:1 / 1;background:url('../m/a.webp') no-repeat center/cover;border:2px solid var(--fontColor);border-radius:15vmin;overflow:clip;}#h{margin:0 2.5vmin;padding:2.5vmin;}h1{font-variation-settings:'wght' 500;font-size:3em;margin:0;}hr{border:1px solid var(--fontColor);}h2{font-variation-settings:'wght' 300;font-size:1.5em;margin-top:2.5vmin;}ul{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:nowrap;width:100%;list-style-type:none;margin:0;padding:0 0 2.5vmin;}li a{display:inline-block;width:20vmin;height:20vmin;margin:5vmin 5vmin;background-repeat:no-repeat;background-position:center;background-size:contain;filter:opacity(100%);transition:width 1s,height 1s,margin 1s,filter 1s;}li a:hover{filter:opacity(50%) drop-shadow(2px 2px 5px #00000088);width:30vmin;height:30vmin;margin:0;transition:all 1s;}#i{background-image:url('../m/i.svg');}#g{background-image:url('../m/g.svg');}#b{background-image:url('../m/b.svg');}footer{display:inline-block;width:80vmin;margin:0 5vmin 5vmin;}footer p{font-size:.7em;text-align:center;text-shadow:0 0 .5em black;}@media screen and (max-width:100vh){#c{flex-direction:column}header{flex-direction:column;font-size:1.2em}ul{flex-direction:column;height:90vmin}}@media screen and (min-width:100vh){#c{flex-direction:column;padding-bottom:0}#a,#a img{width:30vmin;height:30vmin}#h{text-align:left;font-size:.8em}ul{width:90vmin;height:40vmin;padding-bottom:0}li a{margin-top:0}footer{width:80vmin;min-width:40vmax}}