#root{display:flex;flex-direction:column;height:100%}.main{flex-grow:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.intro,.main{align-items:center;display:flex;flex-direction:column;justify-content:center}.intro__header{font-family:Montserrat,Arial,sans-serif;font-size:3rem;font-weight:700;text-align:center;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.intro__header{font-size:3.75rem}}.intro__img{height:500px;object-fit:contain;padding:3rem 0}@media(min-width:768px){.intro__img{height:55dvh}}.intro__button{background-color:#fff;border-color:#ff6663;border-radius:8px;box-shadow:3px 4px 6px #0003;color:#ff6663;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:1.2rem;font-weight:700;margin:0 auto;padding:.5rem 1rem}@media(min-width:768px){.intro__button{font-size:1.5rem}}.intro__button:hover{box-shadow:4px 5px 6px #0003;transform:translate(-1px,-1px)}.intro__button:active{background-color:#ff6663;border-color:#ff6663;box-shadow:1px 2px 6px #0003;color:#fff;transform:translate(2px,2px)}.appear{animation:fadeIn .75s ease-in-out}.disappear{animation:fadeOut .75s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-30px)}}.movie-card{display:flex;flex-direction:column;margin-bottom:1.5rem;width:30%}@media(min-width:1280px){.movie-card{width:14%}}.movie-card__image{aspect-ratio:2/3;border-radius:3px;box-shadow:3px 4px 3px #0003;margin-bottom:.5rem;object-fit:cover}.movie-card__title{font-size:1rem;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.movie-card__title{font-size:1.25rem}}.movie-card__year{font-family:Montserrat,Arial,sans-serif;font-size:.875rem;font-weight:lighter;text-shadow:3px 4px 3px #0009}@media(min-width:768px){.movie-card__year{font-size:1rem}}.movie-card__score{font-family:Montserrat,Arial,sans-serif;font-size:.75rem;font-weight:400;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.movie-card__score{font-size:.875rem}}.loaded{animation:fadeIn .75s ease-in-out}.loading{display:none;opacity:0}.results{display:flex;flex-direction:column;margin-top:1rem}@media(min-width:1280px){.results{margin-top:1.5rem}}.results__header{font-family:Montserrat,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.results__header{font-size:2.75rem;margin-bottom:1.5rem}}@media(min-width:1280px){.results__header{font-size:3rem;margin-bottom:2.5rem}}.results__container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:auto;justify-content:space-between;padding:0 1.5rem}@media(min-width:768px){.results__container{gap:1.5rem;padding:0 2rem}}@media(min-width:1280px){.results__container{gap:2rem;padding:0 140px}}.results__button{background-color:#fff;border-color:#ff6663;border-radius:8px;box-shadow:3px 4px 6px #0003;color:#ff6663;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:1.2rem;font-weight:700;margin:0 auto 1rem;padding:.5rem 1rem}@media(min-width:768px){.results__button{font-size:1.5rem}}.results__button:hover{box-shadow:4px 5px 6px #0003;transform:translate(-1px,-1px)}.results__button:active{background-color:#ff6663;border-color:#ff6663;box-shadow:1px 2px 6px #0003;color:#fff;transform:translate(2px,2px)}.results__message{animation:fadeIn .75s ease-in-out;display:flex;justify-content:center;margin-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.rating{align-items:center;animation:fadeInAbs .75s ease-in-out forwards;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%}.rating__header{font-family:Montserrat,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:3px 4px 3px #0003;-webkit-user-select:none;user-select:none;white-space:nowrap}@media(min-width:768px){.rating__header{font-size:2.5rem}}.rating__buttons{display:flex;gap:1.5rem}.rating__button{background-color:#fff;border-color:#ff6663;border-radius:8px;box-shadow:3px 4px 6px #0003;color:#ff6663;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;-webkit-user-select:none;user-select:none;width:6rem}@media(min-width:768px){.rating__button{font-size:1.5rem}}.rating__button:hover{box-shadow:4px 5px 6px #0003;transform:translate(-1px,-1px)}.rating__button:active{background-color:#ff6663;border-color:#ff6663;box-shadow:1px 2px 6px #0003;color:#fff;transform:translate(2px,2px)}.mood{align-items:center;display:flex;display:none;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;-webkit-user-select:none;user-select:none;width:70%}@media(min-width:768px){.mood{width:60%}}.mood__header{font-family:Montserrat,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.mood__header{font-size:2.75rem}}.mood__option{cursor:pointer;font-size:3rem;text-shadow:3px 4px 3px #0003}.mood__option:active{transform:translate(2px,3px)}@media(min-width:768px){.mood__option{font-size:4rem}}.time{align-items:center;display:none;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;width:70%}@media(min-width:768px){.time{width:60%}}.time__header{font-family:Montserrat,Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:3px 4px 3px #0003;-webkit-user-select:none;user-select:none}@media(min-width:768px){.time__header{font-size:2.75rem}}.time__container{align-items:flex-start;display:flex;flex-direction:column-reverse;padding-bottom:1rem}.time__hours-input,.time__minutes-input{border:none;border-radius:10px;box-shadow:3px 4px 3px #0003;font-family:Montserrat,Arial,sans-serif;font-weight:400;margin:5px 0;padding:10px}@media(min-width:768px){.time__hours-input,.time__minutes-input{font-size:1.5rem}}.time__hours-label,.time__minutes-label{font-family:Montserrat,Arial,sans-serif;font-weight:700;text-shadow:3px 4px 3px #0003;-webkit-user-select:none;user-select:none}@media(min-width:768px){.time__hours-label,.time__minutes-label{font-size:1.5rem}}.time__box{align-items:flex-start;display:flex;flex-direction:column-reverse;padding-bottom:2rem}.main-form{flex-grow:1;height:100%;position:relative}.form__button{background-color:#fff;border-color:#ff6663;border-radius:8px;box-shadow:3px 4px 6px #0003;color:#ff6663;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:1.2rem;font-weight:700;padding:.5rem 1rem}@media(min-width:768px){.form__button{font-size:1.5rem}}.form__button:hover{box-shadow:4px 5px 6px #0003;transform:translate(-1px,-1px)}.form__button:active{background-color:#ff6663;border-color:#ff6663;box-shadow:1px 2px 6px #0003;color:#fff;transform:translate(2px,2px)}.show-component{animation:fadeInAbs .75s ease-in-out forwards;display:flex}.hide-component{animation:fadeOutAbs .75s ease-in-out forwards}.header{justify-content:center;z-index:3}.header,.nav{display:flex;width:100%}.nav{align-items:center;justify-content:space-between;margin:.5rem 0;padding:0 16px}@media(min-width:768px){.nav{padding:.25rem 2rem}}@media(min-width:1280px){.nav{padding:.5rem 6.25rem}}.nav__logo{align-items:center;cursor:pointer;display:flex}.nav__logo--name{font-family:Fira Sans,Arial,sans-serif;font-size:2rem;font-weight:700;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.nav__logo--name{font-size:36px}}.nav__logo--icon{filter:drop-shadow(3px 3px 3px rgba(0,0,0,.2));height:3rem;transform:translateY(-2px)}@media(min-width:768px){.nav__logo--icon{height:3.5rem}}.nav__start-over{font-family:Fira Sans,Arial,sans-serif;font-size:1.125rem;font-weight:700;text-shadow:3px 4px 3px #0003}@media(min-width:768px){.nav__start-over{font-size:1.25rem}}*,:after,:before{box-sizing:border-box}*,ul{margin:0}ul{list-style-type:none;padding:0}a,ul{text-decoration:none}a{color:inherit;font-family:inherit}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}#__next,#root{isolation:isolate}body{-webkit-font-smoothing:antialiased;background-color:#ff6663;color:#fff;font-family:Montserrat,Arial,sans-serif;height:100%}.hide{display:none}html{height:100%}@keyframes fadeInAbs{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOutAbs{0%{opacity:1;transform:translate(-50%,-50%)}to{display:none;opacity:0;transform:translate(-50%,-100%)}}
/*# sourceMappingURL=main.a3657843.css.map*/