@import url("https://fonts.googleapis.com/css2?family=Lumanosimo&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");.rounded{border-radius:.25rem}.noselect{user-select:none}.text-secondary{color:var(--text2-color)}.bg-secondary{background-color:var(--bg2-color)}.text-card{padding:0 .2em 0 .2em;background-color:var(--bg-color);color:var(--text-color);border-radius:.25em}.hidden{display:none}:root{--sunny-avg-color: #f1d9b7;--starry-avg-color: #2d4e6b;--light-text-color: #000000;--light-text2-color: #ffffff;--light-bg-color: var(--sunny-avg-color);--light-bg2-color: rgb(0 0 0 / 0.5);--dark-text-color: #ffffff;--dark-text2-color: #ffffee;--dark-bg-color: var(--starry-avg-color);--dark-bg2-color: rgb(0 0 0 / 0.7);--text-color: var(--dark-text-color);--text2-color: var(--dark-text2-color);--bg-color: var(--dark-bg-color);--bg2-color: var(--dark-bg2-color)}body:has(#light-theme:checked){--text-color: var(--light-text-color);--text2-color: var(--light-text2-color);--bg-color: var(--light-bg-color);--bg2-color: var(--light-bg2-color)}body{color:var(--text-color);background-color:var(--bg-color)}body{margin:0;padding:0;font-family:Montserrat}.intro-container{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);overflow:hidden;}.intro-container .intro-visual{position:relative;text-align:center;z-index:2}.intro-container .intro-text{display:flex;flex-direction:column;align-items:center}.intro-container .sub-text{font-size:1.2rem;letter-spacing:2px;margin-bottom:.5rem}.intro-container .main-name{font-size:4rem;font-weight:800;font-family:Lumanosimo;margin:0;line-height:1}.intro-container .sr-only{position:absolute;width:100%;height:100%;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.intro-container .shape-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;max-width:800px;z-index:1;pointer-events:none}.intro-container .shape{transform-origin:center;opacity:0;animation:floatRandom 6s infinite ease-in-out}.intro-container .c1{animation-delay:0s;transform-box:fill-box;transform-origin:center}.intro-container .s1{animation-delay:1.5s;transform-box:fill-box;transform-origin:center}.intro-container .t1{animation-delay:3s;transform-box:fill-box;transform-origin:center}.intro-container .st1{animation-delay:.8s;transform-box:fill-box;transform-origin:center}.intro-container .c2{animation-delay:2.2s;transform-box:fill-box;transform-origin:center}.intro-container .s2{animation-delay:4.1s;transform-box:fill-box;transform-origin:center}.intro-container .t2{animation-delay:1.9s;transform-box:fill-box;transform-origin:center}@keyframes floatRandom{0%{opacity:0;transform:scale(.4) rotate(0deg) translateY(15px)}25%{opacity:.9;transform:scale(1) rotate(90deg) translateY(-10px)}75%{opacity:.9;transform:scale(.9) rotate(270deg) translateY(10px)}100%{opacity:0;transform:scale(.4) rotate(360deg) translateY(-15px)}}header{width:100svw;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}nav{width:90%;margin:0;display:flex;align-items:center;justify-content:space-between}nav>ul.nav-links{list-style-type:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:0}nav>ul.nav-links li{padding:.25rem}nav>ul.nav-links a{text-decoration:none;color:inherit}nav>ul.nav-links a:hover{text-decoration:underline}nav>fieldset.theme-switcher{display:flex;flex-wrap:wrap}.social-container h2{text-align:center}.social-container ul{display:flex;flex-direction:column;list-style-type:none;gap:1rem}.social-container ul li{border-radius:.5rem;border:2px solid var(--text-color);padding:.2rem 5rem}.social-container ul li:hover{box-shadow:2px 2px var(--text-color);transform:translate(-1px, -1px)}@media (width > 576px){.social-container ul{flex-direction:row}.social-container ul li{aspect-ratio:1/1;width:5rem;padding:.2rem .2rem}}.social-container a{display:flex;align-items:center;color:var(--text-color)}@media (width > 576px){.social-container a{flex-direction:column}}.social-container .icon{width:3rem;height:3rem;vertical-align:-.125em;fill:var(--text-color)}.theme-switcher{--dark-button: #7777ff;--light-button: #ff7777;user-select:none;padding:0;border:none}.theme-switcher legend{margin:0 auto}.theme-switcher svg{width:1.5rem;height:1.5rem;vertical-align:-.125rem;fill:var(--text-color)}.theme-switcher input{display:none}.theme-switcher label{padding:.2rem;color:var(--text-color);cursor:pointer;transition:background-position .1s ease-out;border-style:solid}@media (width < 576px){.theme-switcher label>span{display:none}}.theme-switcher #dark-theme-button{background:linear-gradient(to right, rgba(0,0,0,0) 50%, var(--dark-button) 50%);background-size:200% 100%;border-radius:.5rem 0 0 .5rem;border-width:2px 0px 2px 2px;border-color:var(--dark-button)}.theme-switcher #light-theme-button{background:linear-gradient(to left, rgba(0,0,0,0) 50%, var(--light-button) 50%);background-size:200% 100%;border-radius:0 .5rem .5rem 0;border-width:2px 2px 2px 0px;border-color:var(--light-button)}body:not(:has(#light-theme:checked)) .theme-switcher #dark-theme-button{background-position:right bottom}body:not(:has(#light-theme:checked)) .theme-switcher #dark-theme-button svg{fill:var(--light-text-color)}body:not(:has(#light-theme:checked)) .theme-switcher #light-theme-button{background-position:right bottom}body:not(:has(#light-theme:checked)) #sunny-bg{display:none}body:not(:has(#light-theme:checked)) #starry-bg{display:block}body:has(#light-theme:checked) .theme-switcher #dark-theme-button{background-position:left bottom}body:has(#light-theme:checked) .theme-switcher #light-theme-button{background-position:left bottom}body:has(#light-theme:checked) .theme-switcher #light-theme-button svg{fill:var(--dark-text-color)}body:has(#light-theme:checked) #sunny-bg{display:block}body:has(#light-theme:checked) #starry-bg{display:none}#bg-image-cont{height:0;padding:0;margin:0;display:contents}#bg-image-cont img{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-10;object-fit:cover;object-position:bottom;mask-image:linear-gradient(to bottom, #000 70%, rgba(0,0,0,0) 100%)}main{width:100%;max-width:80ch;margin:0 auto}main article{background-color:var(--bg2-color);color:var(--text2-color);padding:1rem;text-align:justify;margin:1rem auto;border-radius:.5rem;box-shadow:.2rem .2rem 1rem var(--bg2-color)}main article .article-head{text-align:center}.card-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box}.card-container .card{position:relative;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:350px;overflow:hidden;display:flex;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.card-container .card:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.15)}.card-container .card-cover{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:1.5rem;background:linear-gradient(to top, rgba(0,0,0,.85) 40%, rgba(0,0,0,.2) 100%);color:#fff;box-sizing:border-box}.card-container .card-name{font-size:1.25rem;margin:0 0 .5rem 0;font-weight:600}.card-container .card-desc{font-size:.9rem;margin:0 0 1.25rem 0;line-height:1.4;color:#e0e0e0;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-container .card-link{display:inline-block;align-self:flex-start;padding:.6rem 1.2rem;background-color:#fff;color:#111;text-decoration:none;border-radius:6px;font-weight:500;font-size:.85rem;transition:background-color .2s ease}.card-container .card-link:hover{background-color:#e5e5e5}footer{height:fit-content;background-color:var(--bg2-color);color:var(--text2-color);text-align:center;margin:0 auto;padding:1rem;width:100%;max-width:80ch;border-radius:.5rem .5rem 0 0}footer ul{height:fit-content;list-style-type:none;padding:0}footer ul li{display:inline-block}footer a{color:inherit}