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