body{background:linear-gradient(45deg,#ecca81,#f3798b)}header{font-family:"Noto Serif JP",serif;display:flex;justify-content:space-between;align-items:center}header nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}header .nav-btn{cursor:pointer;border:none;outline:none;visibility:hidden;opacity:0}header .nav-close-btn.visible{visibility:visible;opacity:1}.nav-text{list-style:none;margin-right:.65em;padding:.4em;color:#fdffab;text-decoration:none;font-size:1em;transition-duration:375ms;border:.1em solid #eee;border-radius:1em}.nav-text:hover{color:#eee;border:.12em solid #cccd88}.icons img{max-width:1.8em;padding:.5em;transition:transform .5s}.icons img:hover{-ms-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);transform:scale(1.5)}@media only screen and (max-width: 1024px){.nav-text{border:none;transition:transform .5s;color:#000}.nav-text:hover{color:#f7f3f3;border:none;-ms-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);transform:scale(1.5)}header nav{z-index:1200;font-size:1em;position:fixed;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;transition:1s;transform:translateY(-100vh);background-color:#fb9882}header nav .nav-text .icons{transition:transform .5s}header .nav-btn{visibility:visible;opacity:1}header .responsive_nav{transform:none}header .nav-close-btn{visibility:visible;opacity:1;position:absolute;top:2em;right:2rem}}.footer-text{text-align:center;font-family:"DM Serif Display",sans-serif;margin:30px 15px 15px;color:#fdffab}.about-me{font-family:"Noto Serif JP",serif;display:block;justify-content:center;align-items:center;position:relative;padding:130px;margin:-10px -10px 150px}.about-me:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/aboutme-6234eb83.jpg);background-size:cover;background-position:center;box-shadow:1px 8px 20px #f9e5c2;filter:sepia(5%)}.paragraph-one{margin-top:-15px;margin-bottom:20px;padding:15px;background-color:#f6a98ac4;position:relative;z-index:1;text-align:center;color:#5b5b5b;font-size:20px;border-radius:10px}.paragraph-two{margin-top:8px;padding:5px;background-color:#f6a98aba;position:relative;z-index:1;text-align:center;color:#595959;font-size:17px;border-radius:5px}.paragraph-two p a{margin:3px;padding:3px;background-color:transparent;border:2px solid rgba(43,125,39,.72);border-radius:5px;color:#fff;text-decoration:none;transition-duration:375ms}.paragraph-two p a:hover{cursor:pointer;border:2px solid white;background-color:#80808087}@media only screen and (max-width: 1024px){.about-me{padding:4.75em}}.header{font-family:"DM Serif Display","serif";margin-top:-90px;padding-left:50px;color:#696969;display:block;align-items:center;justify-content:center}.tab{font-size:30px;padding-left:20px;padding-bottom:40px;transition:transform .7s ease-out;transform:translate(-100%)}.tab span{color:#688d54}.tab.active{transform:translate(0)}@media only screen and (max-width: 1024px){.tab{font-size:1.25em;padding-left:0}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-f7b9c306.woff) format("woff"),url(/assets/revicons-4ca02b8a.ttf) format("ttf"),url(/assets/revicons-9e4d4c68.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.mywork h1{font-family:"DM Serif Display","serif";font-size:3.5em;color:#fff;margin-top:2.5em;text-align:center;text-shadow:2px 2px 2px rgb(118,117,117)}.collaborative-projects,.solo-projects{padding-left:4em;padding-right:4em}.project{font-family:"Noto Serif JP",serif;margin:2em;padding:.75em;max-width:25em;text-align:center;color:#fff;background-color:#efdbba;border-radius:1.5em;box-shadow:2px 5px 10px #ead8d5}.project h2{font-family:"DM Serif Display","serif";color:#fffffe;font-size:1.85em;text-shadow:1px 1px 1px rgb(154,127,79)}em{font-family:"DM Serif Display","serif"}.images{max-width:22em;max-height:auto;margin:auto;border-radius:1.25em}.project-links{font-family:"DM Serif Display","serif";display:flex;align-items:center;justify-content:space-evenly;margin-top:1em}.project-links a{text-decoration:none;color:#688d54}.project-links a:hover{text-decoration:none;color:#fff}.description{padding-top:1em;padding-left:2em;text-align:left;color:#800822}em{color:#587747}@media only screen and (max-width: 1024px){.mywork h1{font-size:2em}.collaborative-projects,.solo-projects{padding:.75em}.images{max-width:18em}}.resume{margin:2em;padding:2em 2em 5em;display:flex;justify-content:center;align-items:center;text-align:center}.portrait img{height:35vh;border-radius:50em;margin-top:.5em;box-shadow:2px 2px 10px #fff}.resume-description{display:block;font-size:1.1em;color:#893434;font-family:"Noto Serif JP",serif}.resume-description h3{font-family:"DM Serif Display","serif";color:#fdffab;font-size:2.5em;text-shadow:1px 1px 3px rgb(154,127,79)}.resume-description p{padding:2.5em}button{font-family:"DM Serif Display","serif";font-size:.95em;border-radius:1.25em;padding:1em;background-color:transparent;color:#eee;border:1.5px solid #ffffff;transition-duration:375ms}button a{text-decoration:none;color:#fff;transition-duration:375ms}button:hover{cursor:pointer;border-color:#676666}button a:hover{color:#5d5d5d}@media only screen and (max-width: 1024px){.resume{display:block}.resume-description p{padding:1em}}.contact{margin:2em 2em 3em;display:flex;padding:4em;align-items:center;justify-content:space-between;font-family:"Noto Serif JP",serif;background-color:#ffffff53;box-shadow:4px 4px 8px #f3dfdf;border-radius:1.5em}.form{display:grid;row-gap:.25em;min-width:.5em;margin-right:1em;padding-right:2em;color:#ad5252}.form input{border-radius:.5em;padding:.35em;font-family:"Noto Serif JP",serif}.form input :hover{border-color:#fff}.form textarea{border-radius:.5em;min-height:10em;font-family:"Noto Serif JP",serif}.send{background:transparent;border:2px solid rgba(43,125,39,.72);border-radius:1.5em;color:#2b7d27b8;transition-duration:375ms}.send:hover{cursor:pointer;color:#fff;border:2px solid white;background-color:#80808087}.contact-text{margin-left:1.5em;margin-right:2.5em}.contact-text h2{color:#ad5252;font-family:"DM Serif Display","serif"}@media only screen and (max-width: 1240px){.contact{display:block;text-align:left}.contact-text{text-align:center;margin-left:2em;margin-right:2em;padding-bottom:1em}.form{margin:auto}}