@import"https://fonts.googleapis.com/css2?family=Babylonica&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Julee&display=swap";#App{margin-top:5rem;min-height:calc(100vh - 5rem);width:65rem}.card-container{display:flex;padding:5rem 2rem;padding-top:10vh;gap:2rem;flex-wrap:wrap}@media screen and (max-width: 1050px){#App{width:95vw}.card-container{padding-top:7.5vh}}@media screen and (max-width: 550px){.card-container{justify-content:center;padding-top:5vh}}header{position:fixed;top:0;left:0;width:100%;height:4.5rem;background-color:#222629;color:#6b6e70;display:flex;justify-content:space-between;align-items:center;padding-left:7vw;border-bottom:.1rem solid #61892f;z-index:3}#logo{cursor:pointer;transition:text-shadow .5s,color .5s;font-family:Babylonica,cursive;font-size:3rem}#logo:hover{text-shadow:0 0 2rem rgba(0,0,0,1);color:#86c232}.menu{font-family:Lobster,cursive;height:100%}.menu ul{list-style:none;display:flex;margin-right:5vw;font-size:2rem;gap:1rem;cursor:default;height:100%}.menu ul li{transition:text-shadow .5s,color .5s;height:100%;display:flex;align-items:center}.menu ul li:hover{text-shadow:0 0 .5rem rgba(0,0,0,1);color:#86c232}.category-menu{position:absolute;top:4.4rem;z-index:2;box-shadow:0 .5rem 1rem #0003}.social-menu{position:absolute;top:4.4rem;z-index:2;box-shadow:0 .5rem 1rem #0003;right:5vw}.social-menu a{text-decoration:none;color:inherit}@media screen and (max-width: 450px){#logo{font-size:2.5rem}.menu ul{font-size:1.75rem}}@media screen and (max-width: 350px){#logo{font-size:2rem}.menu ul{font-size:1.5rem}}@media screen and (max-width: 300px){#logo{font-size:1.75rem}.menu ul{font-size:1.25rem}}.c-item{background-color:#6b6e70;color:#222629;font-size:1.25rem;list-style:none;padding:.35rem 1rem .35rem .5rem;cursor:pointer}.c-item:hover{background-color:#61892f}:root{--flex-basis3:calc(33.33333% - 2rem);--flex-basis2:calc(50% - 2rem);--flex-basis1:calc(100% - 2rem)}.card{border-radius:.75rem;background-color:#474b4f;padding:1rem;flex:0 0 var(--flex-basis3);position:relative;min-height:10rem;display:flex;justify-content:center;align-items:center;font-size:1.3rem;transition:box-shadow .25s .15s,color .2s .1s;font-family:Julee,cursive;font-weight:700}.links{background-color:#000c;width:100%;height:0%;z-index:1;display:flex;justify-content:center;align-items:center;gap:.75rem;position:absolute;top:0;left:0;border-radius:.75rem;backdrop-filter:blur(.25rem);transition:height .5s,box-shadow .25s .5s}.card:hover{box-shadow:0 0 .35rem #000000b3;color:#fff}.card:hover .links{height:100%;box-shadow:.1rem .1rem inset #86c232,-.1rem -.1rem inset #86c232}.card:hover .link-button{scale:1;visibility:visible}@media screen and (max-width: 800px){.card{flex:0 0 var(--flex-basis2)}}@media screen and (max-width: 550px){.card{flex:0 0 var(--flex-basis1)}}.link-button{scale:0;visibility:hidden;width:2.25rem;border-radius:.5rem;transition:scale .3s .4s,visibility .2s;background-color:#faf5ef;cursor:pointer}.link-button img{width:100%}.link-button:hover{filter:brightness(1.5);box-shadow:0 0 .2rem #000}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;background-color:#222629}.custom-page{margin-top:4.75rem;min-height:calc(100vh - 5rem)}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:#222629;border-radius:100vw;margin-block:.1rem}::-webkit-scrollbar-thumb{background:#61892f;border-radius:100vw}::-webkit-scrollbar-thumb:hover{background:#86c232;border-radius:2rem}