.door{position:relative;cursor:pointer;transform-style:preserve-3d;transform:perspective(2500px)}.door,.door-front{width:170px;height:270px}.door-front{overflow:hidden;transform-origin:left;box-shadow:30px 0 50px hsla(0,0%,100%,.2);position:absolute;background-color:#6a6a6a;z-index:1;transition:.5s}.door-front:before{content:"";position:absolute;background-color:#fff;width:50px;height:100px;border:10px ridge #b6b6b6;right:22.5px;top:25px}.knob{width:20px;height:30px;top:140px;right:27.5px;border-radius:2px}.knob,.knob:before{position:absolute;background-color:#282828}.knob:before{content:"";width:30px;height:10px;border-radius:5px;left:-15px;top:5px;box-shadow:2px 2px rgba(0,0,0,.2)}.door:hover .door-front{transform:rotateY(-30deg)}.door-back{position:relative;background:linear-gradient(0deg,#fff 13%,#495867 0,#4f647c 15%,#577399 0);width:100%;overflow:hidden}#__next,.door-back,body,html{height:100%}