@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);.preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(---color-background);color:#fff;z-index:9999}.preloader h1{text-align:center}#h1{position:absolute;font-weight:600;font-size:17px;text-transform:uppercase;top:52%;color:hsla(0,0%,82%,.85)}.body{position:absolute;top:50%;margin-left:-50px;left:50%;animation:speeder .4s linear infinite;>span{height:5px;width:35px;background:red;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0;&:first-child,&:nth-child(2),&:nth-child(3),&:nth-child(4){width:30px;height:1px;background:#fff;position:absolute;animation:fazer1 .2s linear infinite}&:nth-child(2){top:-19px;animation:fazer2 .4s linear infinite}&:nth-child(3){top:-17px;animation:fazer3 .4s linear infinite;animation-delay:-1s}&:nth-child(4){top:-20px;animation:fazer4 1s linear infinite;animation-delay:-1s}}}.base{span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #f1c40f;border-bottom:6px solid transparent;&:before{height:22px;width:22px;border-radius:50%;background:#f1c40f;right:-110px}&:after,&:before{content:"";position:absolute;top:-16px}&:after{width:0;height:0;border-top:0 solid transparent;border-right:55px solid #f1c40f;border-bottom:16px solid transparent;right:-98px}}}.face{position:absolute;height:12px;width:20px;background:#f1c40f;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px;&:after{content:"";height:12px;width:12px;background:#f1c40f;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px}}@keyframes fazer1{0%{left:10}to{left:-80px;opacity:0}}@keyframes fazer2{0%{left:10}to{left:-100px;opacity:0}}@keyframes fazer3{0%{left:10}to{left:-50px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.longfazers{position:absolute;width:100%;height:100%;span{position:absolute;height:2px;width:20%;background:#fff;&:first-child{top:20%;animation:lf .6s linear infinite;animation-delay:-5s}&:nth-child(2){top:40%;animation:lf2 .8s linear infinite;animation-delay:-1s}&:nth-child(3){top:60%;animation:lf3 .6s linear infinite}&:nth-child(4){top:80%;animation:lf4 .5s linear infinite;animation-delay:-3s}}}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.play-music-button{display:flex;position:fixed;top:0;right:0;margin-top:10px;margin-right:10px;justify-content:flex-start;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.DesktopBlocker_blocker__Kmw6F{display:flex;height:100vh;width:100vw;background:#000;color:#fff;align-items:center;justify-content:center;text-align:center;padding:2rem;font-family:Playfair Display,serif}.DesktopBlocker_messageBox__q2myp{border:1px solid var(--color-background);border-radius:1rem;padding:2rem;background-color:hsla(0,0%,100%,.05);box-shadow:0 0 10px var(--color-text);animation:DesktopBlocker_fadeIn__Rhh4f .8s ease-in-out}.DesktopBlocker_logo__8CBvP{width:80px;margin:0 auto 1rem;border:1px solid var(--color-text);border-radius:.875rem;box-shadow:1px 1px .5px .5px var(--color-text)}.DesktopBlocker_title__skhqx{font-size:1.2rem;font-weight:900;margin-bottom:.8rem;color:var(--color-text)}.DesktopBlocker_subtitle__wCf9Z{font-size:.8rem;font-weight:500;color:var(--color-text)}.DesktopBlocker_note__2jNMW{margin-top:.5rem;font-size:.65rem;color:#ccc}@keyframes DesktopBlocker_fadeIn__Rhh4f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}