body{margin:0}.app{margin:0;font-family:sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}.app.dark{background:#0a0a0f;color:#fff}.app.light{background:#fff;color:#0a0a0f}.isometric-container img{width:100%;display:block}.screen-content{position:absolute;top:26%;left:23%;width:40%;height:40%;transform:skewY(-28deg) skew(0);background:transparent;color:#0fc;font-size:.9em;overflow:hidden;padding:24px;box-sizing:border-box}.isometric-container.es6{position:relative;width:300px;font-size:8px;margin-right:-110px;z-index:2}.isometric-container.es6 .screen-content{position:absolute;top:17%;left:30%;width:45%;height:40%;transform:skewY(-28deg) skew(0);background:transparent;color:#0fc;font-size:.9em;line-height:.6em;overflow:hidden;padding:16px;box-sizing:border-box}.current-hour-weather .temperature,.current-hour-weather .rain,.current-hour-weather .wind{margin-top:8px}.isometric-container.sass{position:relative;width:300px;font-size:8px;margin-top:-190px}.isometric-container img#switch{position:absolute;top:17%;left:43%;width:26%;z-index:1;cursor:pointer}.isometric-container.seo{position:relative;width:300px;font-size:10px;margin-left:-120px}.seo .screen-content{position:absolute;top:16%;left:29%;width:39%;height:40%;transform:skewY(30deg) skew(0);background:transparent;color:#0fc;font-size:.9em;overflow:hidden;padding:16px;box-sizing:border-box}.isometric-container.react{position:absolute;width:300px;margin-top:240px;margin-left:14px}.animated-logo{position:absolute;height:26%;width:100%;overflow:hidden;pointer-events:auto;touch-action:none;top:20px;left:2px}.blimp{position:absolute;width:300px;z-index:999;top:0%;left:100%;animation:move-diagonal-left 15s linear infinite}@keyframes move-diagonal-left{0%{transform:translate(0)}to{transform:translate(-200vw,110vh)}}