:root{--font: "Roboto Slab", serif;--font-heading: "Work Sans", sans-serif;--gutter: 25px;--blue: #0092C0;--green: #9FC490;--yellow: #FFB140;--highlight: #FFD6E0}@keyframes shakeX{0%,to{color:red;-webkit-transform:translate3d(0,0,0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate(10px)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}*{box-sizing:border-box}html,body{height:100%;margin:0}html{background-color:var(--blue);background-attachment:fixed;background-size:cover;background-image:url(../img/bg.jpeg)}em{color:var(--yellow)}code{background-color:#eee;font-size:.8em;padding:.35em .5em}ul,ol{list-style-position:outside;margin:1em 0;padding-left:0}li{margin:1em 0}.btn-pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:rgba(0,0,0,.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.btn-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(to left,#52001b 0%,#a30036 8%,#a30036 92%,#52001b 100%)}.btn-front{display:block;position:relative;padding:12px 27px;border-radius:12px;font-size:1.1rem;color:#fff;background:#f0003c;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}@media (min-width: 768px){.btn-front{font-size:1.25rem;padding:12px 42px}}.btn-pushable:hover{filter:brightness(110%)}.btn-pushable:hover .btn-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.btn-pushable:active .btn-front{transform:translateY(-2px);transition:transform 34ms}.btn-pushable:hover .btn-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.btn-pushable:active .btn-shadow{transform:translateY(1px);transition:transform 34ms}.btn-pushable:focus:not(:focus-visible){outline:none}.main-footer{text-align:center;padding:var(--gutter) 0}.logo{background-image:url(../img/title-grid.png);background-position:50% 50%;background-repeat:no-repeat;color:#fff;font-family:var(--font-heading);text-transform:uppercase;text-align:center;font-size:0;line-height:1.2;margin:0 0 35px;letter-spacing:-2px;text-shadow:0 0 20px rgba(0,0,0,.5)}.logo .wrapper{display:block;position:relative;transform:scaleY(1.5)}.logo .letter{position:relative;display:inline-block;font-size:100px}.logo.is-completed{color:var(--yellow);transition:color 1s;animation:rubberBand 1s}.combination{position:sticky;top:0;background-color:#fff;text-align:center;padding:var(--gutter) 0 0;z-index:1}.combination ::placeholder{color:#ddd}.combination .characters-list{font-size:min(55px,7vw);letter-spacing:max(-.75vw,-8px)}.has-failed .combination .characters-list{animation:shakeX 1s}.combination .character{font-size:1em;font-weight:700;text-align:center;width:1.2em;border:solid 1px currentColor}.separator{width:100%;height:60px;background-color:var(--green);background-position:0% -27%;background-size:auto 33%;margin:var(--gutter) 0 0}.abbey-road .separator{background-image:url(../img/paul-mccartney.svg)}.let-it-be .separator{background-image:url(../img/george-harrison.svg)}.yellow-submarine .separator{background-image:url(../img/ringo-starr.svg)}.sgt-peppers-lonely-heart-club-band .separator{background-image:url(../img/john-lennon.svg)}.challenges{position:relative;width:100%;background-color:#fff;padding:var(--gutter) calc(var(--gutter) * 2)}#gottaBeFirst:first-child:before,#focus:after{display:inline-block;width:1.5em;height:1.5em;background-color:var(--green);color:#fff;border-radius:50%;font-weight:700;text-align:center;vertical-align:middle}#focus:after{margin-left:.25em}.here-comes-the-sun #focus:focus:after{content:"X"}.come-together #focus:focus:after{content:"W"}.strawberry-field-forever #focus:focus:after{content:"Z"}.hey-jude #focus:focus:after{content:"R"}.i-am-the-walrus #focus:focus:after{content:"H"}.lucy-in-the-sky-with-diamonds #focus:focus:after{content:"M"}.accross-the-universe #focus:focus:after{content:"N"}.helter-skeleter #focus:focus:after{content:"V"}.day-tripper #focus:focus:after{content:"S"}#gottaBeFirst.bulbasaur:first-child:before{content:"0"}#gottaBeFirst.ivisaur:first-child:before{content:"1"}#gottaBeFirst.venusaur:first-child:before{content:"2"}#gottaBeFirst.charmander:first-child:before{content:"3"}#gottaBeFirst.charmaleon:first-child:before{content:"4"}#gottaBeFirst.charizard:first-child:before{content:"5"}#gottaBeFirst.squirtle:first-child:before{content:"6"}#gottaBeFirst.wartotle:first-child:before{content:"7"}#gottaBeFirst.blastoise:first-child:before{content:"8"}#gottaBeFirst.caterpie:first-child:before{content:"9"}#gottaBeFirst:first-child:before{margin-right:.25em}.page{font-family:var(--font);font-size:19px;line-height:1.5;width:100%;max-width:800px;margin:50px auto}.warning{display:block;width:100%;margin:calc(var(--gutter) * .5) 0 var(--gutter)}.note{display:block;background-color:#cce9f2;border:solid 4px #00759A;padding:25px;margin:0;text-decoration:none;color:currentcolor;text-align:left}.note:hover{background-color:#b3deec}.ending{position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:50% 50%;opacity:0;pointer-events:none;transition:opacity .5s .5s linear;z-index:5}.has-succeeded .ending{opacity:1}