:root{font-family:Jost,Noto Sans JP,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:400;color-scheme:light dark}body{display:flex;flex-direction:column;min-height:100%;margin:0;padding:0}body.dark{--color-background: #2A0355;--color-ui-background: #000000;--color-reversed-ui: #ffffff;--color-icon: invert(0%);--color-effect-from: rgb(0, 0, 0);--color-effect-to: rgba(255, 255, 255, 0);--card1-color1: #4700D5;--card1-color2: #25006F;--card2-color1: #D5006E;--card2-color2: #25006F;--card3-color1: #25006F;--card3-color2: #7961ff;--card3-color3: #D5006E;background-color:var(--color-background);color:#fff}body.light{--color-background: #E0C3FF;--color-ui-background: #ffffff;--color-reversed-ui: #000000;--color-icon: invert(100%);--color-effect-from: rgb(255, 255, 255);--color-effect-to: rgba(255, 255, 255, 0);--card1-color1: #ECE3FF;--card1-color2: #E32DFF;--card2-color1: #FF686B;--card2-color2: #EC70FF;--card3-color1: #EC70FF;--card3-color2: #9867FA;--card3-color3: #FF686B;background-color:var(--color-background);color:#000}@media (prefers-color-scheme: light){body{--color-background: #E0C3FF;--color-ui-background: #ffffff;--color-reversed-ui: #000000;--color-icon: invert(100%);--color-effect-from: rgb(255, 255, 255);--color-effect-to: rgba(255, 255, 255, 0);--card1-color1: #ECE3FF;--card1-color2: #E32DFF;--card2-color1: #FF686B;--card2-color2: #EC70FF;--card3-color1: #EC70FF;--card3-color2: #9867FA;--card3-color3: #FF686B;background-color:var(--color-background);color:#000}}a{color:var(--card2-color1);transition:color .3s}a:hover{color:#f884f8c4}label,input,textarea{display:flex;flex-direction:column;margin:.2rem 0}input,textarea{font-family:inherit;font-size:clamp(.8rem,1.5vw,1rem);background-color:var(--color-reversed-ui);color:var(--color-background);resize:none;border:2px solid rgb(105,105,105);border-radius:4px;padding:5px;outline:none;transition:background-color 2s}textarea:hover,input:hover{border:2px solid rgb(75,70,80);transition:all .5s}textarea:focus,input:focus{border:2px solid rgb(87,89,221);box-shadow:-1px 8px 33px -5px #5759dd;transition:all .5s}.card{border-radius:5em;padding:min(2em,11%);width:min(95%,600px);max-height:600px;box-sizing:border-box}.title{font-size:clamp(1.5rem,5vh,3rem);letter-spacing:.3rem;word-wrap:break-word}.text-content{font-size:min(1.4rem,3.9vw);margin:0 0 1rem 4px;white-space:break-spaces}.headshot{height:min(17vh,200px);width:min(17vh,200px);border:4px solid var(--color-reversed-ui);border-radius:50%;float:right;shape-outside:circle();margin:0 0 0 1vh;transition:border 2s}.carousel{padding-top:2rem;display:flex;justify-content:center}.input-field{max-width:20em}.submit-button{cursor:pointer;color:#fff;background-color:#000;border:none;border-radius:2em;padding:min(2em,3%);font-size:clamp(.8rem,2vw,1rem);transition:background-color .4s,color 1s}.submit-button:hover{color:#000;background-color:#ff686b}.submit-button:active{background-color:#c9383b}.submit-container{display:flex;justify-content:center;margin:1em 0 2em}.logo-picture{width:min(6vh,3rem);height:min(5vh,2.7rem);transition:filter .3s}.logo-picture:hover{filter:brightness(0)}.logos{display:flex;flex-direction:row;justify-content:center;gap:2em}.carousel-container{position:relative;overflow:hidden;border-radius:24px;padding:16px;--outer-r: 24px;--p-distance: 12px;align-items:center;display:flex;flex-direction:column}.carousel-track{display:flex}.carousel-item{position:relative;display:flex;flex-shrink:0;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:calc(var(--outer-r) - var(--p-distance));background-color:var(--color-background);overflow:hidden;cursor:grab;transition:background-color 2s}.custom-icon{font-family:FiraMono Nerd Font,monospace;cursor:pointer}.carousel-item:active{cursor:grabbing}.carousel-item.round{background-color:var(--color-background);position:relative;bottom:.1em;border:1px solid #555;justify-content:center;align-items:center;text-align:center}.carousel-item-header.round{padding:0;margin:0}.carousel-indicators-container.round{position:absolute;z-index:2;bottom:3em;left:50%;transform:translate(-50%)}.carousel-indicator.active{background-color:#333}.carousel-indicator.inactive{background-color:#3336}.carousel-item-header{padding:20px}.carousel-icon-container{display:flex;height:52px;width:52px;align-items:center;justify-content:center;border-radius:50%}.carousel-icon{height:50px;width:50px;color:#060010}.carousel-item-content{padding:0 20px 20px}.carousel-item-title{margin-bottom:10px;font-weight:400;font-size:18px}.carousel-item-description{margin-bottom:0;font-size:14px}.carousel-item-coding-language{font-size:14px;background-color:var(--color-reversed-ui);color:var(--color-ui-background);border-radius:30px;padding:0 3px 0 6px;margin-right:4px;transition:background-color 2s}.carousel-indicators-container{display:flex;width:100%;justify-content:center}.carousel-indicators{margin-top:16px;display:flex;width:150px;justify-content:space-between;padding:0 32px}.carousel-indicator{height:15px;width:15px;border-radius:50%;cursor:pointer;transition:all .15s}.carousel-indicator.active{background-color:var(--color-background);transition:background-color 2s}.carousel-indicator.inactive{background-color:#fff}.content-grid{display:grid;grid-auto-rows:1fr;justify-items:center;margin-top:2em;gap:4em;min-height:100vh}.icon-sidebar{position:fixed;top:2.8rem;left:calc(50% - (min(95vw,600px)/2) - .5rem);z-index:10;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;gap:5px}.img-wrapper{background-color:var(--color-ui-background);border-radius:50%;max-width:48px;display:flex;align-items:center}.language-select-icon{width:clamp(1rem,1rem + 6vw,3rem);filter:var(--color-icon);transition:filter 2s}.language-select-list{font-family:Noto Sans JP;font-size:clamp(1rem,1rem + .5vw,2rem);background:var(--color-ui-background);color:var(--color-reversed-ui);padding:5px;border-radius:10px;display:flex;flex-flow:row wrap;justify-content:center}.languages{cursor:pointer;position:relative;background-color:var(--color-ui-background)}.languages:after{content:"";height:1px;width:0%;background-color:var(--color-reversed-ui);position:absolute;left:0;bottom:2px;transition:all .5s}.languages:hover:after{width:100%}.current-language{cursor:default;pointer-events:none;color:var(--color-ui-background);background-color:var(--color-reversed-ui);border-radius:20%}.theme-icon{width:clamp(1rem,1rem + 6vw,3rem);cursor:pointer;filter:var(--color-icon);transition:filter 2s}.effect-container{position:fixed;height:50%;width:50%;z-index:8;display:grid;align-items:center}.flash-text{color:var(--color-ui-background);font-size:min(50vw,300px);margin-inline:auto;cursor:default;filter:blur(10px);animation:onClick 1s forwards}@keyframes onClick{0%{color:var(--color-effect-from);filter:blur(0px)}to{color:var(--color-effect-to);filter:blur(5px)}}.footer{background-color:var(--color-ui-background);display:flex;justify-content:center;padding:2rem;margin-top:4em;transition:background-color 2s}.navbar-wrapper{font-size:clamp(1rem,1rem + 1.8vw,2rem);justify-content:center;display:flex;padding:1rem 0rem 0rem;position:sticky;z-index:10;top:0}.navbar{background-color:var(--color-ui-background);padding:0rem 1.5rem;border-radius:5rem;display:flex;justify-content:space-between;gap:2rem;transition:background-color 2s}.category{cursor:pointer;position:relative}.category:after{content:"";height:2px;width:0%;background-color:var(--color-reversed-ui);position:absolute;left:0;bottom:5px;transition:all .5s}.category:hover:after{width:100%}