@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Rubik:wght@300;400;500&display=swap";.navbar{display:flex;top:0;justify-content:space-between;width:100%;height:50px;position:absolute;padding:20px 0}.nav{height:50px;width:100%;background-color:inherit;display:flex;justify-content:space-between}.nav>.nav-header>.nav-title{display:inline-block;height:65px;width:65px;padding-left:10px}.nav>.nav-header>.nav-title img{width:100%;height:100%}.nav>.nav-btn{display:none}.nav>.nav-links{display:inline;float:right;font-size:18px}.nav>.nav-links>a{display:inline-block;margin-right:25px;padding:13px 10px;text-decoration:none;color:#fff}.nav>.nav-links>a:hover{border-bottom:3px solid #ffd233}.nav>.svg a:hover{color:purple}@media (max-width: 400px){.nav>.nav-btn{cursor:pointer;display:inline-block;right:0;top:0;color:#fff;font-size:2em;margin-right:20px}.nav>.nav-links>a:hover{background-color:#0000004d;border-bottom:none}.nav>.nav-links{position:absolute;display:none;width:100%;background-color:#333;height:0px;transition:all .3s ease-in;overflow:hidden;left:0;top:100px;text-align:center;z-index:1000}.nav>.nav-visible{display:block;height:200vh}.nav>.nav-links>a{display:block;width:100%}}.layout{display:flex;flex-direction:column;min-width:100%;min-height:100vh;align-items:center;background-color:#2e2e2e;position:relative;overflow-x:hidden}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:.3em;font-size:.8rem;color:#fff;letter-spacing:.9px;opacity:80%;padding:20px 0;position:absolute;bottom:0;text-align:center}.footer p{margin:0;padding:0}.footer .api-link,.footer .github-link{color:inherit;font-weight:800;letter-spacing:.8px;text-decoration:none}.footer .api-link:hover,.footer .api-link:focus,.footer .github-link:hover{color:#ffdab9}@media (max-width: 550px){.footer{font-size:14px}}body{margin:0;display:flex;min-height:100vh;align-items:center;justify-content:center;font-family:"Source Sans 3",sans-serif;box-sizing:border-box}#root{width:100%}.home-cn{display:flex;flex-direction:column;flex:5;justify-content:center;align-items:center;width:100%;color:#fff;text-align:center;background-image:url(/assets/Background\ Image-a02fea7f.jpg);background-size:cover}.home-tg{padding-left:20px;padding-right:20px;text-align:center;background:linear-gradient(to right,rgb(255,255,255) 5px,transparent 5px) 0 100%,linear-gradient(to left,rgb(255,255,255) 5px,transparent 5px) 100% 0,linear-gradient(to bottom,rgb(255,255,255) 5px,transparent 5px) 100% 0,linear-gradient(to top,rgb(255,255,255) 5px,transparent 5px) 0 100%;background-repeat:no-repeat;background-size:15px 15px}.home-cn h1{font-weight:300;letter-spacing:.105em;margin:0}.home-cn .home-p{margin-top:50px}.home-cn p{font-size:1.2em;font-weight:300;letter-spacing:.12em}.home-cn .cut-button{position:relative;width:233px;height:48px;clip-path:polygon(20% 0%,100% 0px,100% 20%,100% 63.34%,92.44% 97.92%,20% 100%,0px 100%,0px 0px)}.home-cn a{padding-top:10px;display:block;height:48px;background-color:#272a29;border:4px solid rgba(212,213,212,.3);color:#fff;font-weight:600;letter-spacing:.12em;text-decoration:none;box-sizing:border-box}.home-cn .cut-button:after{content:"";position:absolute;top:50%;left:90%;transform:rotate(45deg);width:50px;height:50px;background-color:inherit;border:4px solid rgba(212,213,212,.3);margin-left:7px}.home-cn a:hover{background-color:#d4d5d44d;border:4px solid rgba(232,251,232,.505)}.home-title{padding:20px;display:flex;justify-content:center;align-items:center}.home-title div{margin-left:5px;text-align:center;background:linear-gradient(to right,rgb(255,255,255) 2px,transparent 2px) 0 100%,linear-gradient(to left,rgb(255,255,255) 2px,transparent 2px) 100% 0,linear-gradient(to bottom,rgb(255,255,255) 2px,transparent 2px) 100% 0,linear-gradient(to top,rgb(255,255,255) 2px,transparent 2px) 0 100%;background-repeat:no-repeat;background-size:15px 15px;padding-left:15px;padding-right:15px}.home-title div p{margin-top:0;margin-bottom:0}@media only screen and (max-width: 900px){.home-title{flex-direction:column}}@media only screen and (max-width: 500px){.home-cn .cut-button{width:200px;height:48px}.home-cn .cut-button:after{margin-left:5px}.home-title{display:flex;flex-direction:column;align-items:center}.home-tg{padding-left:15px;padding-right:15px;text-align:center;background:linear-gradient(to right,rgb(255,255,255) 3px,transparent 3px) 0 100%,linear-gradient(to left,rgb(255,255,255) 3px,transparent 3px) 100% 0,linear-gradient(to bottom,rgb(255,255,255) 3px,transparent 3px) 100% 0,linear-gradient(to top,rgb(255,255,255) 3px,transparent 3px) 0 100%;background-repeat:no-repeat;background-size:15px 15px}.home-tg h1{font-size:1.5em}}.summary-cn{width:100%;min-height:100vh;margin:70px auto;padding-top:50px;display:flex;flex-direction:column;align-items:center}.summary-cn h1{margin:0;line-height:1.8;letter-spacing:.023em}.summary-cn h1,.summary-cn h3{color:#fff;font-weight:400}.summary-cn .composition-h3{margin-top:40px;margin-bottom:0}.summary-cn .year-h3{margin-top:30px}.summary-cn .no-summary-h1{text-align:center;padding:50px 70px}@media (max-width: 550px){.summary-cn text{font-size:.8em}.summary-cn h1{font-size:1.8em}}@media (max-width: 400px){.summary-cn h1{font-size:1.2em;letter-spacing:.03em}}.table-container{width:280px;display:flex;overflow-x:scroll;flex-direction:column;row-gap:20px;box-sizing:content-box}.table-container .table{width:100%;border-collapse:collapse}.table-container .table tr,.table-container .table td{border:1px solid #ffffff;text-align:center}.table-container .table th{-webkit-user-select:none;user-select:none;text-align:center;border:1px solid #ffffff;background-color:#74707080}.table-container .table th>div{display:flex;justify-content:center;align-items:center}.table-container .table-input{padding:10px;border-radius:5px;outline:none;border:none}.table-container .pagination{width:100%;display:flex;column-gap:1rem}.table-container .pagination button{padding:5px 10px;background:#323334;border:1px solid #FFBD1E;border-radius:3px;color:#fff;text-transform:uppercase;filter:drop-shadow(0px 2px 2px rgba(255,255,255,.5));font-family:Rubik,sans-serif}.table-container .pagination button:hover,.table-container .pagination button:focus{background:#626465}.table-container .pagination button:disabled{background:hsl(200,2%,39%);color:gray;border-color:#f9f7f7}@media (min-width: 481px){.table-container{width:450px}}@media (min-width: 600px){.table-container{width:580px}}@media (min-width: 768px){.table-container{width:700px;overflow:initial}}@media (min-width: 801px){.table-container{width:780px}}@media (min-width: 1025px){.table-container{width:900px}}@media (min-width: 1281px){.table-container{width:1020px}}tbody>tr>td:nth-child(1){width:140px}tbody>tr>td:nth-child(3){width:45px}tbody>tr>td:nth-child(4){width:50px}tbody>tr>td:nth-child(6){width:100px}tbody>tr>td:nth-child(7){width:200px}@media (max-width: 700px){.pagination button{font-size:12px}}.form-container{display:flex;align-self:stretch;justify-content:center;padding:1.5rem 2rem;position:relative;background:rgba(46,44,44,.69)}@media (min-width: 480px){.form-container{width:400px}}.form-container form{display:flex;flex-direction:column;justify-content:space-around;gap:2rem;flex-grow:1}.form-container form .form-rows{width:100%;display:flex;flex-direction:column;gap:1.5rem}.form-container form .form-rows .form-row{display:flex;flex-direction:column;gap:1rem}.form-container form .form-rows .form-row input,.form-container form .form-rows .form-row select{height:30px;cursor:pointer}.form-container form .form-rows .form-row label{font-weight:300;font-size:1.3rem;line-height:27px;color:#fff}.form-container form .form-rows .form-row input{background:white;border-radius:30px;width:100%}.form-container form .form-rows .form-row select{background:#454040;color:#fff;text-align:center;text-transform:capitalize;border:1px solid white;box-shadow:0 4px 4px #02020221;border-radius:10px}.form-container form .form-rows .form-row input[type=range]{accent-color:#e8e251}.form-container form .form-rows .form-row .input-container .range-container{display:"flex";justify-content:"space-between";color:#fff;font-size:.875rem}.form-container form .form-btns{display:flex;gap:1rem}.form-container form .form-btns button{flex-grow:1;padding:.25rem .75rem;background:rgba(217,217,217,.17);border:1px solid #ffffff;border-radius:10px;font-weight:400;font-size:1rem;cursor:pointer}.form-container form .form-btns .btn-submit{color:#fff}.form-container form .form-btns .btn-reset{background-color:#fff}.form-container .close-button{font-size:1.5rem;color:#fff;position:absolute;right:30px;cursor:pointer}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;z-index:1}.modal{border:none;border-radius:6px;box-shadow:0 2px 8px #0003;padding:0;overflow:hidden;z-index:1;margin:auto}.explore-page{display:flex;gap:1rem;min-height:100vh;color:#fff;width:100%;align-items:center;flex-direction:column;justify-content:center}@media (max-width: 1023px){.explore-page{margin:100px 0}}.explore-page .apply-filter-btn{border:none;outline:none;padding:.5em 1em;text-transform:uppercase;background:#323334;border:1px solid #FFBD1E;border-radius:3px;color:#fff;filter:drop-shadow(0px 2px 2px rgba(255,255,255,.338));font-family:Rubik,sans-serif;cursor:pointer}.explore-page .apply-filter-btn:hover,.explore-page .apply-filter-btn:focus,.explore-page .apply-filter-btn:active{background:#4e4f50}