html{box-sizing:border-box}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}@-webkit-keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-twink-back{from{background-position:0 0}to{background-position:-10000px 5000px}}.scene{width:100%;height:100vh;border:2px solid #000;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;overflow:hidden}.building-wrap{perspective:100vh;perspective-origin:-12% 57%}.building{margin:auto;position:relative;top:4rem;height:50rem;width:30rem;transform-style:preserve-3d;transform:scale3d(1, 1, 1) rotateX(0deg) rotateY(36deg) rotateZ(0deg) translate3d(90px, 30px, -30px) skew(0deg, 0deg)}.building__front{position:absolute;height:100%;width:100%;border:1px solid #000;padding:2rem;transform:rotateY(270deg) translateX(-379px);transform-origin:center left;background:#000;background:linear-gradient(180deg, hsl(215deg, 61%, 19%) 5%, hsl(0deg, 0%, 0%) 100%);box-shadow:-13px -94px 230px -64px rgba(0,0,0,.75) inset;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.building__front-window{width:4rem;height:5rem;display:flex;justify-self:center;align-self:center;border-left:1rem solid #000;border-top:8px solid #000;background:linear-gradient(315deg, #2f4353 0%, #1d1d1d 74%)}.building__back{position:absolute;height:100%;width:100%;border:1px solid #000;padding:2rem;transform:translateZ(100px);background:linear-gradient(180deg, rgb(11, 28, 53) 5%, hsl(0deg, 0%, 0%) 100%);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;box-shadow:-13px -94px 230px -64px rgba(0,0,0,.75) inset}.building__back-window{width:4rem;height:5rem;background:linear-gradient(315deg, #2f4353 0%, #1d1d1d 74%);display:flex;justify-self:center;align-self:center;border-right:1rem solid #000;border-top:8px solid #000}.stars,.twinkling{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}.stars{background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;z-index:-1000}.twinkling{background:rgba(0,0,0,0) url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;z-index:-500;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite}/*# sourceMappingURL=style.css.map */