@font-face{font-family:font-1;src:url(/static/media/Dongle-Regular.be19c2ab1576230dd28d.ttf)}@font-face{font-family:font-2;src:url(/static/media/Dongle-Light.099c1b232ee32aedbc6d.ttf)}*{box-sizing:border-box;font-family:font-1,sans-serif;margin:0;padding:0}body{background:#eeecf2;color:#eeecf2}li{list-style:none}.result{color:#291527;display:flex;flex-wrap:wrap;justify-content:center}.user-list-page>h2{color:#291527;font-size:2rem;letter-spacing:1px;text-align:center}.user-list-page>h2 span{font-size:1rem}.header{margin-top:1.3em}.header nav h1{color:#eeecf2;font-size:35px;font-weight:bolder;padding:4px 4px 4px 20px}.header nav ul{background-color:#0c0b0b;display:flex}.header nav ul a{border-radius:60px;color:#eeecf2;font-size:35px;margin-left:30px;padding:3px;position:relative;text-align:center;text-decoration:none;width:auto}.header nav ul a:visited{color:#eeecf2}.header nav ul a:hover,.header nav ul a:visited{text-decoration:underline}.header nav ul a.nav-active{background:#9d8099;text-decoration:underline}.header nav ul a.nav-active:hover{background:#0c0b0b}.form-container{display:inline-flex}.form-container form input[type=text]{background-color:#9d8099;border:none;border-radius:20px;color:#eeecf2;display:block;font-size:1.4rem;margin:20px 20px 0;outline:none;padding:1px 1px 1px 10px;width:180px}.form-container form ::-webkit-input-placeholder{color:#0c0b0b}.form-container form ::placeholder{color:#0c0b0b}.form-container .btn-sort-container{background-color:#291527;border-radius:50px;margin-top:20px}.form-container .btn-sort-container #goodToBad{border-right:2px solid}.form-container .btn-sort-container #badToGood,.form-container .btn-sort-container #goodToBad{cursor:pointer;display:inline-flex;padding:6px;position:relative;transition:.3s;width:60px}.form-container .btn-sort-container #badToGood:hover,.form-container .btn-sort-container #goodToBad:hover{background:#0c0b0b}.form-container .btn-sort-container #goodToBad span{right:2px;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.form-container .btn-sort-container #badToGood span{left:30px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.form-container .btn-sort-container #badToGood span,.form-container .btn-sort-container #goodToBad span{position:absolute;top:60%}.card{background:#291527;border-radius:10px;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,#291527,#0c0b0b 90%);border-radius:0 0 10px 10px;bottom:0;content:"";height:50px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.card img{border-radius:20px;box-shadow:0 10px 10px #0c0b0b;display:block;height:254px;margin:0 auto;object-fit:cover;object-position:top;width:80%}.card h2{color:#eeecf2;letter-spacing:2px;line-height:30px;margin:24px 0 0}.card h5{color:#9d8099;font-weight:300}.card h4,.card h5{font-size:1.2rem;letter-spacing:1px}.card h4{color:#eeecf2;margin-top:-4px}.card h4 span{font-size:.8rem}.card ul{display:flex;flex-wrap:wrap;margin:4px 0}.card li{background:#9d8099;border-radius:20px;font-size:1rem;margin:0 2px 2px 0;padding:0 7px}.card li:first-child{margin-left:-4px}.card h3{color:#eeecf2;font-size:1.4rem;letter-spacing:1px;margin-top:10px}.card p{color:#eeecf2;font-size:1.3rem;height:75px;line-height:20px;overflow-y:scroll}.card p::-webkit-scrollbar{display:none}.card .btn{background:#9d8099;border-radius:15px;bottom:16px;cursor:pointer;left:50%;padding:5px 0;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s;-webkit-user-select:none;user-select:none;width:120px;z-index:50}.card .btn:hover{background:#291527;box-shadow:0 0 20px #9d8099;font-size:1.025rem}.card .btn:active{color:#9d8099;-webkit-transform:scale(1.05) translateX(-50%);transform:scale(1.05) translateX(-50%)}.signature{background-color:#291527;box-shadow:1px 1px;height:100px;padding-top:1em;position:absolute;width:100%}.signature p{font-size:1.4em;margin-left:auto;margin-right:auto;text-align:center;width:7em}.signature p a{color:#9d8099;cursor:pointer;font-style:italic;margin-top:0}.signature p a:hover{letter-spacing:1px}
/*# sourceMappingURL=main.88fcf2c0.css.map*/