@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);[data-v-6b50397c]{padding:0;box-sizing:border-box;margin:0;font-family:Open Sans}body[data-v-6b50397c]{background:#141414}#no-result[data-v-6b50397c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;width:90%;color:#fff;margin:20px auto;font-size:11px;font-weight:400;opacity:.9;text-align:center}#no-result #no-result-emoji[data-v-6b50397c]{font-size:30px;color:gray;background:#000;padding:20px;border-radius:5px;margin:30px auto}#no-result #no-result-search[data-v-6b50397c]{color:#fcc2c2;border-bottom:1px solid #727272;padding:0 10px}#app[data-v-6b50397c]{width:80%;margin:0 auto;background:#141414}nav[data-v-6b50397c]{display:flex;align-items:center;justify-content:space-around;height:60px;background:#141414;margin-bottom:40px;color:#ff0080}nav button[data-v-6b50397c]{background:none;border:none;font-weight:700}nav #getMovie[data-v-6b50397c],nav #searchButton[data-v-6b50397c]{color:#ff0080;background:#fff;border:none;padding:6px 10px;border-radius:4px}nav #getMovie[data-v-6b50397c]{color:#fff;background:#ff0080}#searchBox[data-v-6b50397c]{width:90%;height:50px;border:none;outline:none;color:#ff0080;background:#fff;border-radius:10px;margin:10px auto;display:block;text-align:left;padding-left:100px;font-size:1.2rem}#movie-container[data-v-6b50397c]{display:grid;grid-template-columns:1fr 1fr 1fr;background:#000;width:100%;padding:50px 0}#movie-container #movie-box[data-v-6b50397c]{min-height:320px;max-height:350px;width:250px;margin:20px;background:#141414;border-radius:10px}#movie-container #movie-box #movie-poster[data-v-6b50397c]{overflow:hidden}#movie-container #movie-box #movie-poster img[data-v-6b50397c]{height:250px;width:100%;margin:0 auto;margin-bottom:10px;border-radius:5px 5px 0 0;display:block}#movie-container #movie-box #movie-details[data-v-6b50397c]{display:flex;justify-content:space-around}#movie-container #movie-box #movie-details #movie-title[data-v-6b50397c]{color:#fff;font-size:14px}#movie-container #movie-box #movie-details h2[data-v-6b50397c]{color:#727272;font-size:11px;margin:4px 10px}#movie-container #movie-box #movie-details h2 #movie-year[data-v-6b50397c]{color:#fcc2c2}#movie-container #movie-box #movie-details h2 a[data-v-6b50397c]{color:#fff;text-decoration:none;background-color:#ff0080;padding:3px 10px;border-radius:5px}#movie-container #movie-box #year-mobile[data-v-6b50397c]{display:none}@media only screen and (max-width:600px){#app[data-v-6b50397c]{width:100%;margin:0}body[data-v-6b50397c]{padding:0;width:100%}nav[data-v-6b50397c]{font-size:11px;height:60px;margin-bottom:40px;width:100%}nav button[data-v-6b50397c]{font-size:12px}#searchBox[data-v-6b50397c]{width:90%;height:30px;border-radius:5px;margin:10px auto;overflow:hidden;padding-left:50px;font-size:1rem}#movie-container[data-v-6b50397c]{grid-template-columns:1fr 1fr;justify-content:center;place-items:center;padding-top:30px;width:96%;margin:10px auto}#movie-container #movie-box[data-v-6b50397c]{min-height:230px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;width:90%;margin:5%;border-radius:10px;padding-bottom:4px}#movie-container #movie-box #movie-poster[data-v-6b50397c]{overflow:hidden}#movie-container #movie-box #movie-poster img[data-v-6b50397c]{height:150px;margin-bottom:20px}#movie-container #movie-box #movie-details[data-v-6b50397c]{justify-content:space-between}#movie-container #movie-box #movie-details #movie-title[data-v-6b50397c]{color:#fff;font-size:10px;font-weight:500}#movie-container #movie-box #movie-details #year-desktop[data-v-6b50397c]{display:none}#movie-container #movie-box #movie-details h2[data-v-6b50397c]{color:#727272;font-size:8px;margin:4px 10px}#movie-container #movie-box #movie-details a[data-v-6b50397c]{padding:4px 10px;border-radius:5px}#movie-container #movie-box #year-mobile[data-v-6b50397c]{display:block;color:#727272;font-size:8px;margin:4px 10px}#movie-container #movie-box #movie-year[data-v-6b50397c]{color:#fcc2c2}}h2[data-v-6b50397c]{color:#fff;margin:30px 0;margin-left:100px;font-weight:400}h2 #result[data-v-6b50397c]{color:#fcc2c2;border-bottom:1px solid #727272;padding:0 10px}img[data-v-6b50397c]{width:100%;display:block;-o-object-fit:center;object-fit:center;height:200px;border-radius:10px}@media only screen and (max-width:600px){h2[data-v-6b50397c]{margin-left:10px;font-size:12px}img[data-v-6b50397c]{width:90%;display:block;-o-object-fit:center;object-fit:center;margin:0 auto;border-radius:5px}}*{padding:0;box-sizing:border-box;margin:0;font-family:Open Sans}body{background:#141414}#no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;width:90%;color:#fff;margin:20px auto;font-size:11px;font-weight:400;opacity:.9;text-align:center}#no-result #no-result-emoji{font-size:30px;color:gray;background:#000;padding:20px;border-radius:5px;margin:30px auto}#no-result #no-result-search{color:#fcc2c2;border-bottom:1px solid #727272;padding:0 10px}#app{width:80%;margin:0 auto}#app,nav{background:#141414}nav{display:flex;align-items:center;justify-content:space-around;height:60px;margin-bottom:40px;color:#ff0080}nav button{background:none;border:none;font-weight:700}nav #getMovie,nav #searchButton{color:#ff0080;background:#fff;border:none;padding:6px 10px;border-radius:4px}nav #getMovie{color:#fff;background:#ff0080}#searchBox{width:90%;height:50px;border:none;outline:none;color:#ff0080;background:#fff;border-radius:10px;margin:10px auto;display:block;text-align:left;padding-left:100px;font-size:1.2rem}#movie-container{display:grid;grid-template-columns:1fr 1fr 1fr;background:#000;width:100%;padding:50px 0}#movie-container #movie-box{min-height:320px;max-height:350px;width:250px;margin:20px;background:#141414;border-radius:10px}#movie-container #movie-box #movie-poster{overflow:hidden}#movie-container #movie-box #movie-poster img{height:250px;width:100%;margin:0 auto;margin-bottom:10px;border-radius:5px 5px 0 0;display:block}#movie-container #movie-box #movie-details{display:flex;justify-content:space-around}#movie-container #movie-box #movie-details #movie-title{color:#fff;font-size:14px}#movie-container #movie-box #movie-details h2{color:#727272;font-size:11px;margin:4px 10px}#movie-container #movie-box #movie-details h2 #movie-year{color:#fcc2c2}#movie-container #movie-box #movie-details h2 a{color:#fff;text-decoration:none;background-color:#ff0080;padding:3px 10px;border-radius:5px}#movie-container #movie-box #year-mobile{display:none}@media only screen and (max-width:600px){#app{margin:0}#app,body{width:100%}body{padding:0}nav{font-size:11px;height:60px;margin-bottom:40px;width:100%}nav button{font-size:12px}#searchBox{width:90%;height:30px;border-radius:5px;margin:10px auto;overflow:hidden;padding-left:50px;font-size:1rem}#movie-container{grid-template-columns:1fr 1fr;justify-content:center;place-items:center;padding-top:30px;width:96%;margin:10px auto}#movie-container #movie-box{min-height:230px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;width:90%;margin:5%;border-radius:10px;padding-bottom:4px}#movie-container #movie-box #movie-poster{overflow:hidden}#movie-container #movie-box #movie-poster img{height:150px;margin-bottom:20px}#movie-container #movie-box #movie-details{justify-content:space-between}#movie-container #movie-box #movie-details #movie-title{color:#fff;font-size:10px;font-weight:500}#movie-container #movie-box #movie-details #year-desktop{display:none}#movie-container #movie-box #movie-details h2{color:#727272;font-size:8px;margin:4px 10px}#movie-container #movie-box #movie-details a{padding:4px 10px;border-radius:5px}#movie-container #movie-box #year-mobile{display:block;color:#727272;font-size:8px;margin:4px 10px}#movie-container #movie-box #movie-year{color:#fcc2c2}}