body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,sans-serif;font-weight:300;margin:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:900}code{font-family:Work Sans,sans-serif;font-weight:300}.goodbye{font-size:larger;margin:10px 0 0}.goodbye,.title{text-align:center}.title{font-size:xx-large;margin-bottom:20px;margin-top:20px}.movie-header{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:30px;padding:1em}.poster{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:100%;object-fit:cover;width:100%}.flip-container{-webkit-perspective:1000px;perspective:1000px}.back,.flip-container,.front{height:clamp(350px,30vw,30vw);width:clamp(350px,930px,50vw)}.back,.flip-container,.flipper,.front{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px}.flipper{box-shadow:0 3px 10px rgba(0,0,0,.2);position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:2s}.back,.flipper,.front{height:100%;width:100%}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.front{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:clamp(350px,30vw,30vw);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);width:clamp(350px,930px,50vw)}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.non-flip{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;height:clamp(350px,30vw,30vw);width:clamp(350px,930px,50vw)}.flip-container .flipper,.flip-container.flip .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.front-transparent{background-color:#fff;opacity:0;position:absolute;transition:opacity 2.5s ease-in-out}.fade-container,.front-transparent{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:clamp(350px,30vw,30vw);width:clamp(350px,930px,50vw)}.fade-container{position:relative}.bottom{background-color:#fff}.bottom,.top{border:.5px solid #fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;height:100%;position:absolute;transition:opacity 2.5s ease-in-out;width:100%}.top{object-fit:cover}.bottom-fade{background-color:#fff;border:.5px solid #fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;height:100%;opacity:0;position:absolute;transition:opacity 2.5s ease-in-out;width:100%}@media only screen and (max-width:1100px){.front-transparent{background-color:#fff;opacity:0;position:absolute;transition:opacity 2.5s ease-in-out}.fade-container,.front-transparent{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:clamp(350px,40vw,40vw);width:clamp(350px,950px,57vw)}.fade-container{position:relative}.bottom{background-color:#fff}.bottom,.top{border:.5px solid #fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;height:100%;position:absolute;transition:opacity 2.5s ease-in-out;width:100%}.top{object-fit:cover}.bottom-fade{background-color:#fff;border:.5px solid #fff;height:100%;opacity:0;position:absolute;transition:opacity 2.5s ease-in-out;width:100%}.bottom-fade,.poster{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px}.poster{box-shadow:0 3px 10px rgba(0,0,0,.2);height:clamp(350px,40vw,40vw);object-fit:cover;width:clamp(350px,950px,57vw)}.flip-container{-webkit-perspective:1000px;perspective:1000px}.back,.flip-container,.front{height:clamp(350px,40vw,40vw);width:clamp(350px,950px,57vw)}.back,.flip-container,.flipper,.front{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px}.flipper{box-shadow:0 3px 10px rgba(0,0,0,.2);position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:2s}.back,.flipper,.front{height:100%;width:100%}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.front{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:clamp(350px,40vw,40vw);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);width:clamp(350px,950px,57vw)}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.non-flip{border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;height:clamp(350px,40vw,40vw);width:clamp(350px,950px,57vw)}.flip-container .flipper,.flip-container.flip .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.user-input{padding:.5% 0 0;text-align:center;width:100%}.input-boxes{outline:none}.input-boxes,.input-boxes-correct{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:60px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:60px}.input-boxes-correct{-webkit-animation:jump 1s ease;animation:jump 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.input-boxes-correct-no-anim{background-color:#000;color:#fff}.input-boxes-correct-no-anim,.input-boxes-includes{border:1px solid #d3d3d3;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:60px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:60px}.input-boxes-includes{-webkit-animation:shakeYellow .82s cubic-bezier(.36,.07,.19,.97) both;animation:shakeYellow .82s cubic-bezier(.36,.07,.19,.97) both;background-color:#fff;color:#000}.input-boxes-includes-no-anim{background-color:gray;border:1px solid #d3d3d3;color:#fff;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:60px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:60px}.input-boxes-incorrect{-webkit-animation:shakeRed .82s cubic-bezier(.36,.07,.19,.97) both;animation:shakeRed .82s cubic-bezier(.36,.07,.19,.97) both}.input-boxes-incorrect,.input-boxes-incorrect-no-anim{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:60px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:60px}@-webkit-keyframes shakeRed{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shakeRed{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes shakeYellow{0%{background-color:#fff;color:#000}to{background-color:gray;color:#fff}10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shakeYellow{0%{background-color:#fff;color:#000}to{background-color:gray;color:#fff}10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes correctGreen{0%{background-color:#fff;color:#000}to{background-color:#000;color:#fff}}@keyframes correctGreen{0%{background-color:#fff;color:#000}to{background-color:#000;color:#fff}}@-webkit-keyframes fadeYellow{0%{background-color:#fff;color:#000}to{background-color:gray;color:#fff}}@keyframes fadeYellow{0%{background-color:#fff;color:#000}to{background-color:gray;color:#fff}}@-webkit-keyframes jump{0%{background-color:#fff;color:#000}to{background-color:#000;color:#fff}0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}55%{-webkit-transform:translateY(-100%) rotate(15deg);transform:translateY(-100%) rotate(15deg)}60%{-webkit-transform:translateY(-100%) rotate(-15deg);transform:translateY(-100%) rotate(-15deg)}65%{-webkit-transform:translateY(-100%) rotate(15deg);transform:translateY(-100%) rotate(15deg)}70%{-webkit-transform:translateY(-100%) rotate(-15deg);transform:translateY(-100%) rotate(-15deg)}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes jump{0%{background-color:#fff;color:#000}to{background-color:#000;color:#fff}0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}55%{-webkit-transform:translateY(-100%) rotate(15deg);transform:translateY(-100%) rotate(15deg)}60%{-webkit-transform:translateY(-100%) rotate(-15deg);transform:translateY(-100%) rotate(-15deg)}65%{-webkit-transform:translateY(-100%) rotate(15deg);transform:translateY(-100%) rotate(15deg)}70%{-webkit-transform:translateY(-100%) rotate(-15deg);transform:translateY(-100%) rotate(-15deg)}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@-webkit-keyframes shine{10%{left:-30%;opacity:1;top:-30%;transition-duration:.7s,.7s,.15s;transition-property:left,top,opacity;transition-timing-function:ease}to{left:-30%;opacity:0;top:-30%;transition-property:left,top,opacity}}@keyframes shine{10%{left:-30%;opacity:1;top:-30%;transition-duration:.7s,.7s,.15s;transition-property:left,top,opacity;transition-timing-function:ease}to{left:-30%;opacity:0;top:-30%;transition-property:left,top,opacity}}@media only screen and (max-width:500px){.user-input{margin-top:12px;width:100%}.input-boxes{outline:none}.input-boxes,.input-boxes-correct{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:large;font-weight:900;height:45px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:45px}.input-boxes-correct{-webkit-animation:correctGreen 2s ease;animation:correctGreen 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.input-boxes-correct-no-anim{background-color:#000;color:#fff}.input-boxes-correct-no-anim,.input-boxes-includes{border:1px solid #d3d3d3;font-family:Montserrat,sans-serif;font-size:large;font-weight:900;height:45px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:45px}.input-boxes-includes{-webkit-animation:fadeYellow 2s ease;animation:fadeYellow 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:#fff;color:#000}.input-boxes-includes-no-anim{background-color:gray;border:1px solid #d3d3d3;color:#fff;font-family:Montserrat,sans-serif;font-size:large;font-weight:900;height:45px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:45px}.input-boxes-incorrect{-webkit-animation:none;animation:none;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.input-boxes-incorrect,.input-boxes-incorrect-no-anim{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:large;font-weight:900;height:45px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:45px}}@media only screen and (min-width:501px) and (max-width:850px){.user-input{margin-top:7px;width:100%}.input-boxes{outline:none}.input-boxes,.input-boxes-correct{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:55px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:55px}.input-boxes-correct{-webkit-animation:jump 1s ease;animation:jump 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.input-boxes-correct-no-anim{background-color:#000;color:#fff}.input-boxes-correct-no-anim,.input-boxes-includes{border:1px solid #d3d3d3;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:55px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:55px}.input-boxes-includes{-webkit-animation:shakeYellow .82s cubic-bezier(.36,.07,.19,.97) both;animation:shakeYellow .82s cubic-bezier(.36,.07,.19,.97) both;background-color:#fff;color:#000}.input-boxes-includes-no-anim{background-color:gray;border:1px solid #d3d3d3;color:#fff;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:55px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:55px}.input-boxes-incorrect{-webkit-animation:shakeRed .82s cubic-bezier(.36,.07,.19,.97) both;animation:shakeRed .82s cubic-bezier(.36,.07,.19,.97) both}.input-boxes-incorrect,.input-boxes-incorrect-no-anim{background-color:#fff;border:1px solid #d3d3d3;color:#000;font-family:Montserrat,sans-serif;font-size:x-large;font-weight:900;height:55px;margin-bottom:4px;margin-left:4px;resize:none;text-align:center;text-transform:uppercase;width:55px}}
/*# sourceMappingURL=main.d8e8083a.css.map*/