a[data-v-854de74f]{text-decoration:none;color:#2a2b6a}.movie[data-v-854de74f]{padding:5px 25px 10px;max-width:25%;transition:all .2s ease}.movie[data-v-854de74f]:hover{cursor:pointer;color:#5a5252cc;transform:scale(1.05);opacity:.8}.poster[data-v-854de74f]{width:100%;height:0;padding-bottom:150%;position:relative}.poster img[data-v-854de74f]{width:100%;height:100%;position:absolute;top:0;left:0}.title[data-v-854de74f]{font-weight:700;margin-top:5px}.year[data-v-854de74f]{margin-top:2px}@media screen and (max-width: 600px){.movies[data-v-854de74f]{flex-direction:column;align-items:center}.movie[data-v-854de74f]{max-width:100%}}.app{text-align:center;background-color:#e4ecc9}.header{background-color:#2a2b6a;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(8px + 2vmin);color:#e4ecc9;padding:20px;cursor:pointer}.spinner{height:80px;margin:auto}.intro{font-size:large;margin-block:10px 20px}*{box-sizing:border-box;margin:0;padding:0}.movies{display:flex;flex-wrap:wrap;flex-direction:row}.header h2{margin:0}.add-movies{text-align:center}.add-movies button{font-size:16px;padding:8px;margin:0 10px 30px}.movie{padding:5px 25px 10px;max-width:25%}.errorMessage{margin:auto;font-weight:700;color:#a10f0f}.search{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:10px}input[type=submit]{padding:5px;background-color:transparent;color:#2a2b6a;border:1px solid #2a2b6a;border-radius:6px;width:80px;margin-left:5px;cursor:pointer}input[type=submit]:hover{background-color:#19193e;color:#e4ecc9}.search>input[type=text]{width:40%;min-width:170px;padding-inline-start:10px;color:#2a2b6a;border:none;border-radius:6px}@media screen and (min-width: 694px) and (max-width: 915px){.movie{max-width:33%}}@media screen and (min-width: 652px) and (max-width: 693px){.movie{max-width:50%}}@media screen and (max-width: 651px){.movie{max-width:100%;margin:auto}}