:root{--pd-left: 5rem;--bold: 600;font-family:Nunito,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 320px){.flex-container{flex-direction:column}.card{width:7rem;height:7rem;border-radius:5px;margin:.3rem 0}.card-title{color:#ffffffe6;font-size:.7rem}.card-container{flex-direction:row}}@media (min-width: 1024px){.card{width:10rem;height:10rem;border-radius:5px;margin:.3rem 0}.card-title{color:#ffffffe6;font-size:1rem}.card-container{flex-direction:column}}@media (min-width: 1440px){.card{width:17rem;height:17rem;border-radius:5px;margin:.3rem 0}.card-title{color:#ffffffe6;font-size:1.5rem}}.homepage{text-align:left;vertical-align:middle;overflow-y:hidden;height:100vh;-ms-overflow-style:none;scrollbar-width:none;touch-action:none}.icon{margin:1rem 0;size:2rem}.flex-container{display:flex;flex-direction:row;justify-content:space-between;padding:1rem 0 1rem var(--pd-left)}.warning-container{margin:1rem 0;display:flex;flex-direction:row;gap:1rem;background-color:#ff61611a;color:#ff6161;border-radius:10px;padding:0 1rem;width:19rem}.card-container{display:flex;flex-flow:row wrap;gap:2rem}.anime-card-container{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:2rem;margin-top:4rem}.card{position:relative;overflow:hidden;display:flex;border-color:gray;border-radius:10px;box-shadow:2px 4px 8px #0003;cursor:pointer;transition-duration:.3s;margin:1rem 0}.card:hover{transform:scale(1.05);transition-duration:.3s}.card-title-container{padding:.5rem;align-self:flex-end;width:100%;height:auto;background-color:#00000080;background:linear-gradient(to bottom,transparent 0%,#1e2124 100%)}.card-title{color:#ffffffe6;line-height:1;font-weight:600;text-shadow:0 0 5px black,0 0 10px black,0 0 20px black,0 0 40px black,0 0 80px black}.has-bg-img{background-repeat:no-repeat;background-position:center center;background-size:cover}.anime-recommendation-img{background-image:url(/images/rin.png)}.fun-things-img{background-image:url(/images/cloud-minichocobo.png)}.project-list-img{background-image:url(/images/github-repo.png)}a{text-decoration:none}h1{margin:1rem 0;font-weight:var(--bold);font-size:clamp(1.2rem,2.5vw,1.5rem)}h2{opacity:70%;font-weight:400;margin:1rem 0;font-size:clamp(1rem,2.5vw,1.2rem)}body{padding:0;margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.section-bar-wrapper{position:fixed;right:0;top:29vh}.section-bar{height:4rem;width:.5rem;background-color:gray;margin:1rem;border-radius:10px;cursor:pointer}.section-bar-active{height:4rem;width:.5rem;background-color:#fff;margin:1rem;border-radius:10px;cursor:pointer}.anime-recommendation{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.anime-recommendation-wrapper{width:90%;background-color:#424549;display:flex;flex-direction:row;border-radius:20px;margin:1rem 0}.anime-list{margin:2% 2rem;flex-direction:column;overflow-y:scroll;overflow-x:hidden;align-items:center}.anime-list::-webkit-scrollbar{width:.5rem}.anime-list::-webkit-scrollbar-track{background-color:#8080805f;border-radius:10px}.anime-list::-webkit-scrollbar-thumb{background:gray;border-radius:10px}.anime-list::-webkit-scrollbar-thumb:hover{background:#ffffff6d}.anime-list-item{background-color:#8080806e;padding:1rem;display:flex;align-items:center;justify-content:center}.anime-list-item:hover{background-color:#ffc0cb44}.anime-list-item-active{background-color:#ffc0cb90;padding:1.5rem;display:flex;align-items:center;justify-content:center}.anime-list-item,.anime-list-item-active{margin:1rem 3rem;width:15rem;min-height:5rem;line-height:1;font-weight:600;border-radius:10px;justify-content:center;align-items:center;text-align:center;cursor:pointer}.anime-details-wrapper{margin:2rem;border-radius:10px;overflow:hidden;position:relative}.anime-details-bg-img{pointer-events:none;position:absolute;width:100%;height:100%}.anime-details-text{font-size:clamp(.7rem,2.5vw,1.3rem);line-height:1.5rem;color:#fff;margin:2rem;bottom:0;position:absolute}.arrow-button-wrapper{position:absolute;top:45%;width:100%;flex-direction:row;justify-content:space-between}.arrow-button{background-color:transparent}.arrow-button:active,.arrow-button:focus{box-shadow:none;text-decoration:none;outline:none}@media (min-width: 313px){.anime-list{display:none}.arrow-button-wrapper{display:flex}.anime-details-wrapper{width:100%}.anime-recommendation-wrapper{height:65vh}}@media (min-width: 1440px){.anime-list{display:flex}.arrow-button-wrapper{display:none}.anime-details-wrapper{width:80%}.anime-recommendation-wrapper{height:85vh}}.articles{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.articles-container{height:85vh;background-color:#424549;display:flex;flex-flow:row wrap;border-radius:20px;overflow:auto;overflow-x:hidden;gap:1rem;padding:1rem 0}.article-card{margin:.5rem 2rem;background-color:gray;border-radius:1rem;width:100%;color:#fff}.content-wrapper{margin:1rem}.title{font-size:clamp(.7rem,2.5vw,1.3rem)}.subtitle{font-size:clamp(.5rem,2.5vw,1rem)}@media (min-width: 320px){.articles-container{margin:0 2rem;width:90%}.article-card{max-height:7rem}}@media (min-width: 1024px){.articles-container{display:flex;flex-direction:row;justify-content:space-between;width:70%}.article-card{max-height:7rem}}@media (min-width: 1440px){.articles-container{justify-content:space-between;width:50%}.article-card{max-height:7rem}}.hero{height:100vh;width:100%;position:relative}.hero-page-container{position:absolute;width:90%;-ms-transform:translateY(-45%);transform:translateY(-45%)}.icons-div{display:flex;flex-direction:row;gap:1rem;color:#fff}.icon-link{color:#fff}@media (min-width: 320px){.hero-page-container{margin:0 2rem;top:40%}}@media (min-width: 1024px){.hero-page-container{display:flex;flex-direction:row;justify-content:space-between;top:45%}}@media (min-width: 1440px){.hero-page-container{justify-content:space-between;padding:1rem 0 1rem var(--pd-left)}}.hiragana-quiz{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hiragana-quiz-container{height:85vh;background-color:#424549;display:flex;flex-flow:row wrap;border-radius:20px;overflow:auto;overflow-x:hidden;gap:1rem;align-items:center;justify-content:center;width:90%}.hiragana-container{position:relative;text-align:center;border-radius:1rem}.hiragana-container:focus{width:9rem;height:13rem}input{text-align:center;border-radius:5px;background-color:#fff;color:#000;font-size:large;border:1px;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%)}input[type=text]:focus{border:1px solid white;outline:none}.hiragana{margin:1rem 0;font-size:clamp(1.5rem,2.5vw,4rem);font-weight:var(--bold)}@media (min-width: 320px){.hiragana-container{width:4rem;height:7rem;margin:.5rem}input{width:3rem;height:1.5rem}}@media (min-width: 1024px){.hiragana-container{width:6rem;height:8rem}}@media (min-width: 1440px){.hiragana-container{width:8rem;height:10rem;margin:3rem}input{width:5rem;height:2rem}}