html{height:100%;overflow:hidden;font-family:sans-serif}body{position:relative;height:100%;background:linear-gradient(#c74242 25%,#ebeeff 50%,#ebeeff 50%,#c74242 100%)}.app-header-avatar{width:15rem;height:15rem;border-radius:100%;border:.4rem solid #c75c5c}.floating{background-color:rgba(208,250,255,.9);border-radius:.35em;box-shadow:0 0 .5em rgba(0,0,0,.3);box-sizing:border-box;left:50%;padding:10vmin;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}.wrap{width:100%;height:100%;position:absolute;margin:0 auto;perspective:360px;perspective-origin:50% 50%}.top-plane,.bottom-plane{width:200%;height:130%;position:absolute;bottom:-30%;left:-50%;background-image:-webkit-linear-gradient(#ebeeff 2px,transparent 2px),-webkit-linear-gradient(left,#ebeeff 2px,transparent 2px);background-size:100px 100px,100px 100px;background-position:-1px -1px,-1px -1px;transform:rotateX(85deg);animation:planeMoveTop 3s infinite linear}.bottom-plane{transform:rotateX(-85deg);top:-30%;animation:planeMoveBot 10s infinite linear}.icon{display:inline-block;width:2.7em;height:2.7em;margin-top:1.4rem}footer{position:fixed;display:flex;align-items:center;justify-content:center;bottom:0;left:50%;transform:translate(-50%,0%)}@keyframes planeMoveTop{from{background-position:0 -100px,0 0}to{background-position:0 0,100px 0}}@keyframes planeMoveBot{from{background-position:0 0,0 0}to{background-position:0 -100px,100px 0}}@media(max-height:350px){.wrap{perspective:210px}}