@import"https://fonts.googleapis.com/css?family=Noto%20Sans%20JP:700|Noto%20Sans%20JP:400";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";:root[data-theme=light]{--text: #0d0628;--background: #f0edfd;--secondary-background: #e4e0f2;--primary: #261070;--secondary: #ea8575;--tertiary: #ecd7e4;--accent: #c9a41d}:root[data-theme=dark]{--text: #ded7f9;--background: #050211;--secondary-background: #0f0c1e;--primary: #a48def;--secondary: #882314;--tertiary: #1d0814;--accent: #e2be36;--test: #0f0c1e9e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP;font-weight:400;background-color:var(--background)}.container{padding-left:15%;padding-right:15%}h1,h2,h3,h4,h5{font-family:Noto Sans JP;font-weight:700;color:var(--text)}html{font-size:75%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}p{font-family:Noto Sans JP;color:var(--text)}.text-outline{color:var(--text);-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--text);-webkit-text-fill-color:var(--background);paint-order:stroke fill}.text-accent{color:var(--accent)}.text-primary{color:var(--primary)}@media screen and (min-width:480px){.html{font-size:100%}}.section-title{padding:70px 0 30px}.title-text{color:var(--primary)}.title-text .text-outline{-webkit-text-stroke-color:var(--primary)}sup{font-size:50%}.hero-name-container{display:flex;rotate:-1deg;position:sticky;z-index:1}.text-name{font-family:Caveat,cursive;padding:5px 10px}.text-name span{color:var(--accent)}.hero{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-bottom:20px}.hero-border{outline:5px solid var(--secondary);max-height:max-content;border-radius:10px;rotate:2deg;margin:0 -20px;padding:0 25px 50px;box-shadow:0 0 25px 5px var(--secondary)}.hero-border-normalize{rotate:-2deg}@media screen and (max-height:480px){.hero{scale:75%}}nav{width:100%;color:var(--text);padding:5px 10%;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:start;z-index:10;background-color:var(--background);transition:all ease-in-out .2s;overflow:hidden;max-height:50px}nav ul{display:flex;flex-direction:column;width:100%}nav ul li{list-style:none;padding:5px 10px;font-size:20px;font-weight:700;width:100%}nav ul li:hover{color:var(--primary)}nav h3{font-family:Caveat,cursive}nav h3:hover{text-shadow:0 0 15px var(--accent)}.nav-link{display:block;width:100%}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0}.burger-menu{color:var(--accent);outline:1px solid var(--accent);border-radius:5px;padding:2px 5px;height:30px;width:40px}.burger-menu:hover{background-color:var(--secondary-background)}.nav-open{max-height:600px;transition:all ease-in .2s}@media screen and (min-width:768px){.burger-menu{display:none}nav{flex-direction:row;justify-content:space-between}nav ul{flex-direction:row;width:auto}.header{width:auto}}.form-control{translate:16px 0}.about{display:flex;padding-top:160px;padding-bottom:40px;margin-top:-160px;justify-content:space-between}.text-accent,.text-primary{font-weight:700}.profile-img-container{flex-basis:40%;position:relative;display:flex;align-items:flex-start;justify-content:center}.profile-img{aspect-ratio:1/1;width:80%;max-width:256px;border-radius:10px;outline:5px solid var(--secondary);margin-top:40px}.profile-text-container{flex-basis:56%;justify-content:center}.profile-flavor{font-family:Caveat,cursive;position:absolute;rotate:-5deg;translate:-60% -5px;text-decoration:underline}@media screen and (max-width:768px){.about{display:block}.profile-img-container{margin-bottom:70px}}.odd-index{background-color:var(--background)}.even-index{background-color:var(--secondary-background)}.container{display:flex;justify-content:space-around}.container-content{max-width:1200px}.skill-container{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:10px 0 40px}.skill-item{margin:10px 5px;transition:all ease-in .2s}.skill-item p{font-weight:700;padding:8px 20px;border-radius:5px}.skill-1{background-color:var(--primary);color:var(--background)}.skill-0{background-color:var(--text);color:var(--background)}.skill-item:hover{translate:0px -5px}.featured-projects{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:160px;padding-bottom:40px;margin-top:-160px}@media screen and (max-width:768px){.featured-projects{display:block}}.project-card{flex-basis:48%;margin:20px 0;border-radius:10px;overflow:hidden;transition:all ease-in .1s;align-items:flex-end;display:flex;flex-direction:column}.project-card p{color:var(--text)}.project-card img{aspect-ratio:auto;width:100%;-webkit-mask-image:linear-gradient(to bottom,white,transparent);mask-image:linear-gradient(to bottom,white,transparent)}.card-detail{position:relative;padding:20px 15px;margin-top:-20%;background-image:linear-gradient(to top,var(--secondary-background),var(--secondary-background) 70%,transparent);height:100%;width:100%}.card-summary{display:flex;margin-top:10px;margin-bottom:20px}.card-summary p{color:var(--text);font-weight:700}.sub-title{padding:10px 0;font-weight:700;color:var(--accent)}.project-card:hover{box-shadow:0 0 10px 5px var(--primary);scale:1.02}.unreal-icon,.unity-icon{color:var(--text);height:24px;width:24px;margin:0 10px}.footer{position:fixed;bottom:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 10%;background-color:var(--secondary-background);max-height:48px;transition:all ease-in .2s;overflow:hidden}.footer-right{flex-basis:50%;display:flex;align-items:center}.footer-left{flex-basis:50%;display:flex;align-items:center;justify-content:flex-end}.footer-icon{margin:0 5px;width:32px;height:32px;color:var(--accent);transition:all ease-in .2s}.footer-icon:hover{translate:0 -5px;rotate:-2deg}.light-switch{margin:0 -8px}.footer a:link{text-decoration:none}.footer a:hover h5{color:var(--primary)}.footer small{color:var(--text);position:fixed;bottom:0;right:0;padding:0 5px}.contacts{padding-bottom:80px;height:100vh;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;position:absolute;z-index:-1}.call-action-container{position:fixed;bottom:0;height:100%;width:100%;background-color:var(--primary);display:flex;align-items:center;justify-content:center}.call-to-action{background-color:var(--secondary-background);max-width:80%;padding:25px;border-radius:10px;transition:all ease-in .2s}.contact-icon-container{display:flex;align-items:center;justify-content:space-evenly;max-height:0px;overflow:hidden;transition:all ease-in .2s}.hide-contact-icons{max-height:100px;margin:15px 0 0}.contact-icon{width:48px;height:48px;color:var(--accent);transition:all ease-in .2s}.contact-icon:hover{scale:1.2}