body{display:flex;justify-content:center;text-align:center;min-width:240px;min-height:100vh;background-color:#171717;color:#fff;border:0;margin:0;font-family:Roboto,sans-serif;overflow-x:hidden;overflow-y:scroll}a{text-decoration:none}.site-title{font-size:3rem;font-weight:700;color:#fff;text-align:center;margin:.5rem;padding:.5rem}.card-font{font-size:1.5rem}.card-title{color:#e4e4e4;padding-bottom:1rem}.card-main{flex-basis:20%;text-align:left;position:relative;flex-grow:1;background-color:#2d2d2d;color:#949494;padding:1.5rem;border-radius:.5rem;margin:.5rem;overflow:hidden}.card-main:hover{background-color:#383838;transition:background-color .2s}.card-holder{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 1rem 2rem}.filter{background-color:#403328;color:#ffffff75;border:.1rem solid transparent;font-size:1.2rem;padding:.5rem 1rem;margin:.5rem;border-radius:.5rem;cursor:pointer}.filter:hover{background-color:#5e463a;transition:background-color .2s}.filter-active{background-color:#006638;border:.1rem solid #ffffff;color:#fff}.filter-active:hover{background-color:#008046;transition:background-color .2s}.filter-holder{padding:0 0 .8rem}@media (min-aspect-ratio: 3/2){.card-main{flex-basis:20%;max-width:25%}}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 3/2){.card-main{flex-basis:25%;max-width:40%}}@media (min-aspect-ratio: 2/3) and (max-aspect-ratio: 1/1){.card-main{flex-basis:40%;max-width:50%}}@media (max-aspect-ratio: 2/3){.card-main{flex-basis:100%}}.card-bg-image.svelte-1y5qv4q{opacity:7%;position:absolute;overflow:hidden;width:100%;height:100%;right:-60%;top:20%}