@font-face{font-family:font-1;src:url(/movie-react/static/media/Dongle-Regular.be19c2ab1576230dd28d.ttf)}@font-face{font-family:font-2;src:url(/movie-react/static/media/Dongle-Light.099c1b232ee32aedbc6d.ttf)}*{box-sizing:border-box;font-family:font-1,sans-serif;margin:0;padding:0}body{background:#000;color:#eee}li{list-style:none}.result{display:flex;flex-wrap:wrap;justify-content:center}.user-list-page>h2{font-size:1.9rem;letter-spacing:1px;text-align:center}.user-list-page>h2 span{font-size:1rem}.header h1{font-size:3.3rem;letter-spacing:2px;text-align:center;text-shadow:2px 3px 0 #d41212}.header nav{font-size:1.2rem;left:16px;position:absolute;top:16px}.header nav ul{display:flex}.header nav ul a{border-radius:10px;margin-right:5px;text-align:center;width:102px}.header nav ul a,.header nav ul a:visited{color:#eee;text-decoration:none}.header nav ul a:hover{background:#13172e}.header nav ul a.nav-active{background:#d41212}.header nav ul a.nav-active:hover{background:#13172e}.form-component .form-container{text-align:center}.form-component form{margin:0 auto;width:300px}.form-component form input[type=text]{border:none;border-radius:10px 10px 0 0;display:block;font-size:1.5rem;margin:0 auto;outline:none;padding:1px 10px;text-align:center;width:220px}.form-component form input[type=submit]{background:#d41212;border:none;border-radius:0 0 10px 10px;color:#eee;cursor:pointer;font-size:1.5rem;padding:1px 10px;position:relative;width:220px;z-index:10}.form-component form input[type=submit]:hover{background:#13172e}.form-component .btn-sort-container{cursor:pointer;display:flex;justify-content:space-around;margin:8px auto;width:220px}.form-component .btn-sort-container #goodToBad{border-radius:10px 0 0 10px}.form-component .btn-sort-container #badToGood{border-radius:0 10px 10px 0}.form-component .btn-sort-container #badToGood,.form-component .btn-sort-container #goodToBad{background:#d41212;position:relative;transition:.3s;width:110px}.form-component .btn-sort-container #badToGood:hover,.form-component .btn-sort-container #goodToBad:hover{background:#13172e}.form-component .btn-sort-container #goodToBad span{right:18px;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.form-component .btn-sort-container #badToGood span{left:16px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.form-component .btn-sort-container #badToGood span,.form-component .btn-sort-container #goodToBad span{position:absolute;top:50%}.card{background:#060d2c;border-radius:35px;flex:1 0 25%;height:620px;margin:5px;max-width:280px;min-width:260px;overflow:hidden;padding:26px 15px 30px;position:relative}.card:after{background:linear-gradient(180deg,rgba(195,34,34,0),#13172e 55%);border-radius:0 0 30px 30px;bottom:0;content:"";height:90px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.card img{border-radius:50px;box-shadow:0 8px 1px hsla(0,0%,100%,.1),0 16px 1px hsla(0,0%,100%,.05);display:block;height:254px;margin:0 auto;object-fit:cover;object-position:top;width:80%}.card h2{letter-spacing:1px;line-height:20px;margin:24px 0 0}.card h5{color:#f6f0f0;font-weight:300}.card h4,.card h5{font-size:1.2rem;letter-spacing:1px}.card h4{margin-top:-4px}.card h4 span{font-size:.7rem}.card ul{display:flex;flex-wrap:wrap;margin:6px 0}.card li{background:#212040;border-radius:18px;font-size:1.1rem;margin:0 4px 4px 0;padding:0 7px}.card li:first-child{margin-left:-4px}.card h3{font-size:1.4rem;letter-spacing:1px;margin-top:10px}.card p{color:#f6f0f0;font-size:1.3rem;height:160px;line-height:20px;overflow-y:scroll}.card p::-webkit-scrollbar{display:none}.card .btn{background:#546fe4;border-radius:15px;bottom:0;cursor:pointer;font-size:.8rem;left:50%;padding:14px 0;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:150px;z-index:50}.card .btn:hover{background:#212040;box-shadow:0 0 10px #546ee4d2}.card .btn:active{color:#13172e;-webkit-transform:scale(1.05) translateX(-50%);transform:scale(1.05) translateX(-50%)}
/*# sourceMappingURL=main.13fc7f47.css.map*/