html{background-color:#222}body{padding:0;margin:0;font-family:Arial;font-size:1em;background:#fff;color:#555}ul{float:left;width:98%;padding:1%;list-style:none}#sl{height:100vh;width:100vw}.sls{height:100%}.bg{float:left;height:100%;width:100%;color:#fff}#dys{margin-top:0;font-size:9em;color:yellowgreen}#mvi{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%}.cs{background:#333}.a1{background:orangered}.a2{background:goldenrod}.a3{background:#ed0877}.a4{background:olivedrab}.a5{background:grey}.a6{background:#038cf5}.a7{background:MediumSeaGreen}.a8{background:plum}main{max-width:100%;margin:auto .a7{background:#038cf5}auto}h1{width:70%;margin:3em 0 0 5vw;font-size:2.5em;overflow:hidden;animation-name:mslideleft;animation-duration:2.5s}h2{width:70%;margin:.5em 0 0 5vw;font-size:1.75em;overflow:hidden;animation-name:mslideleft;animation-duration:3s}.fade{animation-name:fade;animation-duration:1.5s}#pb{position:fixed;top:0;left:0;width:1px;height:1vh;background:#000;opacity:.6;border:0}#sm{position:fixed;top:calc(100svh - 80px);width:180px;height:50px;left:calc((100vw - 180px) /2)}#sm a{float:left;height:100%;width:18%;cursor:pointer;padding:2%;margin:1%;height:40px}#sm svg{padding:0;margin:0}#iic{height:25px}#xic{height:24px}#yic{height:35px}#h{position:fixed;top:0;left:0;min-height:3em;z-index:99999;width:100vw}#h b{float:left;width:92%;padding:4%;color:#fff;opacity:.7;font-family:"Poppins",sans-serif;font-weight:600;font-style:normal;font-size:2em}#h b.fo{background:burlywood}#h a{padding:1em;z-index:9999;cursor:pointer}#s{max-width:1000px;position:relative;margin:auto}.sls{display:none}@keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes mslideleft{from{margin-left:100vw}to{margin-left:5vw}}@media only screen and (min-width:720px){#dys{font-size:14em}.bg{max-width:100%;max-height:100%;overflow:hidden}#h b{font-size:2em}h1{width:70%;margin:200px 0 0 5vw;font-size:5em;opacity:.9}h2{width:70%;margin:.5em 0 0 5vw;font-size:3em}}@media only screen and (min-width:1300px){#dys{font-size:18em}.bg{max-width:100%;max-height:100%;overflow:hidden}h1{width:70%;margin:200px 0 0 5vw;font-size:6em;opacity:.9}h2{width:70%;margin:.5em 0 0 5vw;font-size:4em}#h b{font-size:3em}}