*{box-sizing:border-box;--link-color:#f93822;--font-color-1:#d7d7d7;--font-color-2:#030303;--bg-color:#242424;--bg-color-2:#6a6a6a;--btn-color:#d3202a;--btn-color-hover:#eb9f82;--btn-disabled:#f3c5b3;margin:0;padding:0}button{color:var(--font-color-2);background-color:var(--btn-color);border:none;transition:all .3s}button:disabled{background-color:var(--btn-disabled);color:var(--font-color-1);cursor:not-allowed}button:enabled:hover{background-color:var(--btn-color-hover);cursor:pointer}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.card{flex-direction:column;justify-content:center;align-items:center;width:20%;margin:10px;display:flex}.card img{border-radius:1.5rem;width:100%}.card span{opacity:.5;text-align:center;color:var(--font-color-1);margin:5px}@media (width<=768px){.card span{margin:0;font-size:6px}.card span:first-of-type{margin-top:5px}.card img{border-radius:.5rem}}.header{background-color:var(--bg-color-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:20vh;display:flex}.header h1,.header h2{color:var(--font-color-1)}.header nav{justify-content:space-around;align-items:center;width:65%;display:flex}@media (width<=900px){.header nav{width:90%}}@media (width<=768px){.header{gap:15px;height:10vh;padding:20px 0}.header h1{font-size:16px}.header nav{width:100%}.header nav a{font-size:8px}}label{color:var(--font-color-1);grid-template-columns:1em auto;gap:1.5em;font-size:18px;font-weight:700;display:grid}label:disabled{color:var(--font-color-1)}input[type=checkbox]{appearance:none;background-color:var(--bg-color-2);font:inherit;color:var(--link-color);border:.15em solid var(--bg-color);border-radius:.15em;place-content:center;width:2em;height:2em;margin:0;display:grid;transform:translateY(-.075em)}input[type=checkbox]:hover{cursor:pointer}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}input[type=checkbox]:before{content:"";width:1.25em;height:1.25em;box-shadow:inset 1.25em 1.25em var(--link-color);transform-origin:0 100%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background-color:canvastext;transition:transform .12s ease-in-out;transform:scale(0)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:max(2px, .15em) solid var(--link-color);outline-offset:max(2px, .15em)}.filters{background-color:var(--bg-color-2);width:100%;height:10vh;color:var(--bg-color);z-index:1;border-top:1px solid #000;justify-content:center;align-items:center;gap:10px;display:flex;position:sticky;top:0}@media (width<=900px){.filters{height:5vh;padding-left:10px;padding-right:10px}.filters .filter label{font-size:12px}}@media (width<=768px){.filters{height:20vh;position:unset;justify-content:center;gap:5px;display:grid}.filters .filter label{font-size:12px}}@media (width<=400px){.filters{flex-flow:wrap;height:20vh;display:flex}}.gallery{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.gallery .empty-msg{color:var(--link-color);height:100vh;margin-top:20px;font-size:42px}@media (width<=768px){.gallery .empty-msg{font-size:20px}}.deck-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.deck-container .deck{justify-content:center;align-items:center;display:flex}.deck-container .deck .card{width:60%}.deck-container .deck .card img{width:370.5px;height:529.9px}.deck-container .nav-bar{justify-content:space-between;width:15rem;display:flex}.deck-container .nav-bar button{padding:20px;font-size:20px;font-weight:700}@media (width<=768px){.deck-container .deck .card img{border-radius:1.5rem;width:308px;height:441px}}.footer{background-color:var(--bg-color-2);color:var(--font-color-1);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.footer .socials{gap:2rem;display:flex}.footer .socials a{font-size:50px;transition:all .3s}.footer .socials a:hover{color:var(--btn-color-hover)}.footer .copyright{text-align:center;width:50%}@media (width<=900px){.footer .copyright{width:80%}}@media (width<=768px){.footer .socials a{font-size:40px}.footer .copyright{width:100%}}:root{background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}