@media (width<=600px){#loading{font-size:95%}body:before,body:after{display:none}div#app{width:95%!important}}@media (width<=900px){#loading{font-size:70%}body:before,body:after{width:10%!important}#app{width:70%!important}}body{background-color:#000;font-family:Google Sans Code,monospace}body:before,body:after{content:"";z-index:-1;background-color:#130d3b;width:20%;height:100%;position:fixed;top:0}h1{font-size:35px;font-weight:550}p{font-size:20px;font-weight:400}#loading{margin:auto;font-size:50%;font-weight:700}#img{max-width:50%;max-height:50%}#app{color:#fff8e7;background-color:#001;flex-direction:column;align-items:center;width:50%;height:100%;margin:0 auto;display:flex}body:before{left:0}body:after{right:0}