body,html{width:100vw;height:100vh;position:relative;padding:0;margin:0;color:#fff;text-align:center;font-family:Lato,sans-serif;background:#303030;background:radial-gradient(circle,#303030 0,#000 100%)}.wrapper{position:relative;top:50%;transform:translateY(-50%)}.wrapper h1{font-weight:400;margin-top:3rem}.wrapper h1 span{font-weight:700}.lamp{box-shadow:0 40px 50px -10px rgba(0,0,0,.75);display:block;max-width:100%;height:auto;margin:auto}.candle{width:34px;margin:30px auto 0 auto;position:relative;height:80%;align-self:flex-end;-webkit-animation:blink .1s infinite;animation:blink .1s infinite;height:10rem;position:absolute;left:0;right:0;margin:auto;top:7.5%;transform:translateX(-20%)}.wick{position:absolute;width:6px;height:50px;background:#23161a;top:110px;left:50%;-webkit-transform:translateX(-50%) skewX(2deg);transform:translateX(-50%) skewX(2deg);border-radius:10%;box-shadow:0 0 2px 0 #000}.wick:before{content:'';position:absolute;width:0;left:50%;height:10px;box-shadow:0 -14px 10px 8px #fff,0 -10px 10px 8px rgba(255,215,0,.7),0 -3px 10px 8px rgba(255,106,0,.7),0 6px 3px 4px #000}.wick:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:0;box-shadow:0 5px 2px 3px gold,0 20px 2px 14px gold,0 -6px 4px 5px rgba(98,33,27,.8),0 0 1px 4px rgba(255,106,0,.7),0 0 3px 4px #ff6a00,0 5px 3px 4px gold}.flame{width:20px;height:150px;margin:0 auto;position:relative;-webkit-animation:move 3s infinite,move-left 3s infinite;animation:move 3s infinite,move-left 3s infinite;-webkit-transform-origin:50% 90%;transform-origin:50% 90%}.flame .top{width:20px;height:100%;position:absolute;top:0;left:0;background:#fff;border-top-left-radius:500%;border-bottom-left-radius:50px;border-top-right-radius:500%;border-bottom-right-radius:50px;-webkit-transform:skewY(-10deg);transform:skewY(-10deg);box-shadow:0 0 0 3px #fff,0 -20px 1px 4px #fff,0 -25px 2px 3px gold,0 -30px 5px 4px #ff6a00,0 0 150px 10px #ff6a00,0 -10px 2px 4px #fff,0 -5px 3px 3px #fff;-webkit-animation:flame-up 4s infinite;animation:flame-up 4s infinite}.flame .shadows{position:absolute;left:50%;top:0;width:1px;height:60px;border-radius:50%;box-shadow:0 5px 20px 15px gold,0 0 100px 20px #ff6a00,0 15px 50px 15px #ff6a00,5px 30px 5px 13px #ff6a00,5px 50px 5px 13px #ff6a00,0 75px 50px 30px #000}.flame .bottom{-webkit-transform:scale(.9);transform:scale(.9);position:absolute;bottom:6px;left:9px;width:1px;height:8px;border-radius:1%;background:#2c2b39;box-shadow:0 6px 10px 12px rgba(60,76,125,.3),0 0 4px 8px #2c2b39,0 -12px 10px 8px rgba(255,106,0,.5),0 5px 7px 12px #2c2b39,0 -3px 10px 12px #2c2b39,5px -10px 10px 5px red,0 -15px 10px 10px gold,5px -25px 10px 5px gold,0 2px 5px 10px #30537d,0 -2px 2px 14px #76daff,0 2px 10px 12px #76daff}.wax{position:relative;top:15px;width:100%;height:100%;background:#ff9224;background:linear-gradient(to bottom,#ff9224 0,#ff9224 20px,#58523a 50px);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0 7px 12px -2px #fbf348,inset 0 9px 57px -3px rgba(255,0,0,.4),inset 0 -5px 8px 2px #000,0 0 3px 0 #ff6a00}@-webkit-keyframes move{0%{-webkit-transform:skewX(2deg) skewY(5deg);transform:skewX(2deg) skewY(5deg)}50%{-webkit-transform:skewX(-2deg) skewY(0);transform:skewX(-2deg) skewY(0)}100%{-webkit-transform:skewX(2deg) skewY(5deg);transform:skewX(2deg) skewY(5deg)}}@keyframes move{0%{-webkit-transform:skewX(2deg) skewY(5deg);transform:skewX(2deg) skewY(5deg)}50%{-webkit-transform:skewX(-2deg) skewY(0);transform:skewX(-2deg) skewY(0)}100%{-webkit-transform:skewX(2deg) skewY(5deg);transform:skewX(2deg) skewY(5deg)}}@-webkit-keyframes move-left{50%{-webkit-transform:skewX(3deg);transform:skewX(3deg)}}@keyframes move-left{50%{-webkit-transform:skewX(3deg);transform:skewX(3deg)}}@-webkit-keyframes flame-up{50%{box-shadow:0 0 0 3px #fff,0 -38px 1px 2px #fff,0 -41px 2px 3px gold,0 -50px 5px 4px #ff6a00,0 0 150px 10px #ff6a00,0 -10px 2px 4px #fff,0 -5px 3px 3px #fff}}@keyframes flame-up{50%{box-shadow:0 0 0 3px #fff,0 -38px 1px 2px #fff,0 -41px 2px 3px gold,0 -50px 5px 4px #ff6a00,0 0 150px 10px #ff6a00,0 -10px 2px 4px #fff,0 -5px 3px 3px #fff}}@-webkit-keyframes blink{50%{opacity:.95}}@keyframes blink{50%{opacity:.95}}@media screen and (max-width:767px){.logo-wrap{transform:scale(.5)}.wrapper h1{margin-top:0;transform:translateY(-50%)}}