body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0}*{padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App,.IMDBSearch{text-align:center;width:100%;min-height:100vh}.IMDBSearch{background-color:#f4f6f8;padding:2% 5%;display:flex;flex-direction:column;align-items:flex-start}.IMDBSearch .title{margin:10px 0}.IMDBSearch .title h2{font-weight:bolder}.IMDBSearch .center{width:100%}.IMDBSearch .center .search-panel{background-color:#fff;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid #eee}.IMDBSearch .center .search-panel h3{font-size:15px;font-weight:400}.IMDBSearch .center .search-panel .search{border:1px solid #c4c4c4;width:100%;height:35px;border-radius:3px;padding:5px;display:flex;justify-content:flex-start;align-items:center;margin:5px 0}.IMDBSearch .center .search-panel .search i{color:#7c7c7c;margin:0 10px;font-size:15px}.IMDBSearch .center .search-panel .search form{width:100%}.IMDBSearch .center .search-panel .search input{border:none;width:100%;font-size:15px;color:#414141}.IMDBSearch .center .search-panel .search input:focus{outline:none}.IMDBSearch .center .lower-side{display:flex;margin:20px 0}.IMDBSearch .center .lower-side .results,.IMDBSearch .center .nominations{width:50%;margin-right:5px;background-color:#fff;border:1px solid #eee;padding:20px;display:flex;flex-direction:column;align-items:flex-start;max-height:80vh;overflow-y:scroll}.IMDBSearch .center .lower-side .nominations::-webkit-scrollbar,.IMDBSearch .center .lower-side .results::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px hsla(0,0%,94.5%,.9);border-radius:10px;background-color:#f1f1f1}.IMDBSearch .center .lower-side .nominations::-webkit-scrollbar,.IMDBSearch .center .lower-side .results::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.IMDBSearch .center .lower-side .nominations::-webkit-scrollbar,.IMDBSearch .center .lower-side .results::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,42%,.4);background-image:-webkit-linear-gradient(90deg,transparent,#b9f0be 50%,transparent,transparent)}.IMDBSearch .center .lower-side .nominations{margin-left:5px;margin-right:0}.IMDBSearch .center .lower-side .no-result{width:100%;margin:10px}.IMDBSearch .center .lower-side .no-result h3{border:1px solid #00db00;background-color:#f0f8f0;color:#00db00;padding:10px;border-radius:5px}.IMDBSearch .center .lower-side .error-message{width:100%}.IMDBSearch .center .lower-side .error-message h3{color:red;padding:10px;margin:20px}.IMDBSearch .center .lower-side h3{font-size:15px;font-weight:500}.IMDBSearch .center .lower-side .results ul,.IMDBSearch .center .nominations ul{width:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}.IMDBSearch .center .nominations ul li{transition:all .7s cubic-bezier(.075,.82,.165,1)}.movein li:first-child{animation:nominate .7s cubic-bezier(.075,.82,.165,1)}@keyframes nominate{0%{transform:scale(.2)}to{transform:scale(1)}}@media screen and (max-width:1120px){.IMDBSearch .center .lower-side{flex-direction:column}.IMDBSearch .center .lower-side .nominations,.IMDBSearch .center .lower-side .results{width:100%;margin-top:20px;max-height:none;overflow-y:hidden}}.movie-poster{position:relative;box-shadow:1px 1px 5px #afaeae;width:200px;height:250px;margin:10px 20px 10px 0;background-color:#000}.movie-poster .poster-image{width:100%;height:100%;overflow-y:hidden}.movie-poster .poster-image img{width:100%}.movie-poster .poster-lower{position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.815)}.movie-poster .poster-lower .poster-info h3{color:#fff;font-size:13px;text-align:left;padding:4px}.movie-poster .poster-lower .poster-control button{font-size:14px;padding:5px 10px;margin:5px;border:none;border-radius:2px;background-color:#fff}.movie-poster .poster-lower .poster-control button:hover{color:#fff;background-color:#000;border:1px solid #fff}.movie-poster .poster-lower .poster-control button:disabled,.movie-poster .poster-lower .poster-control button[disabled]{border:1px solid #999;background-color:#ccc;color:#666}.moveout{animation:remove .7s cubic-bezier(.075,.82,.165,1)}@keyframes remove{0%{transform:scale(1)}20%{opacity:1}to{transform:scale(.3);opacity:0}}@media screen and (max-width:537px){.movie-poster{width:70vw;height:400px;margin:10px}}@media screen and (max-width:380px){.movie-poster{width:80vw;height:380px;margin:10px}}.backdrop{position:fixed;top:0;right:0;width:100%;height:100%;z-index:60;background-color:rgba(0,0,0,.7)}.pop-up{width:300px;min-height:200px;position:fixed;border-radius:5px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;background-color:#fff;z-index:66;animation:pop .7s ease-in-out}.pop-up .top2{display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid #cccbcb;margin:10px}.pop-up .top2 h2{color:green;font-size:18px}.pop-up .top2 i{color:green;font-size:40px;margin:0 10px}.pop-up .mid div{display:flex;justify-content:flex-start;margin:10px 30px}.pop-up .mid div h3,.pop-up .mid div h4{width:50%;font-size:16px;color:grey}.pop-up .top2.failed h2,.pop-up .top2.failed i{color:red}.pop-up .mid div h2{width:100%;font-size:16px;color:grey;font-weight:400}.pop-up .bottom2{display:flex;justify-content:center;align-items:center;margin:40px}.pop-up .bottom2 h2{border:1px solid green;padding:10px 50px;border-radius:3px;color:green}.pop-up .bottom2 h2:hover{background-color:green;color:#fff;cursor:pointer}@keyframes pop{0%{transform:translate(-50%,-30%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.spinner1{height:100%;width:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;margin:10px}.spinner1 h3{margin:20px}
/*# sourceMappingURL=main.aa404e1b.chunk.css.map */