@-webkit-keyframes bigStar{0%{-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}15%{opacity:0}50%{-webkit-transform:translate(-200px,-300px) scale(1);transform:translate(-200px,-300px) scale(1);opacity:1}75%{opacity:0}to{-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}}@keyframes bigStar{0%{-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}15%{opacity:0}50%{-webkit-transform:translate(-200px,-300px) scale(1);transform:translate(-200px,-300px) scale(1);opacity:1}75%{opacity:0}to{-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}}@-webkit-keyframes translateAndScale{0%{-webkit-transform:translate(0) scale(var(--firstScale));transform:translate(0) scale(var(--firstScale));opacity:var(--initialOpacity)}50%{-webkit-transform:translate(var(--xTranslate),var(--yTranslate)) scale(var(--secondScale));transform:translate(var(--xTranslate),var(--yTranslate)) scale(var(--secondScale));opacity:var(--finalOpacity)}to{-webkit-transform:translate(0) scale(var(--firstScale));transform:translate(0) scale(var(--firstScale))}}@keyframes translateAndScale{0%{-webkit-transform:translate(0) scale(var(--firstScale));transform:translate(0) scale(var(--firstScale));opacity:var(--initialOpacity)}50%{-webkit-transform:translate(var(--xTranslate),var(--yTranslate)) scale(var(--secondScale));transform:translate(var(--xTranslate),var(--yTranslate)) scale(var(--secondScale));opacity:var(--finalOpacity)}to{-webkit-transform:translate(0) scale(var(--firstScale));transform:translate(0) scale(var(--firstScale))}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes fadeInExpand{0%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0;letter-spacing:-20px}to{-webkit-transform:translate(0);transform:translate(0);opacity:1;letter-spacing:var(--h1-letter-spacing)}}@keyframes fadeInExpand{0%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0;letter-spacing:-20px}to{-webkit-transform:translate(0);transform:translate(0);opacity:1;letter-spacing:var(--h1-letter-spacing)}}@-webkit-keyframes skew{0%{-webkit-transform:skew(0);transform:skew(0)}50%{-webkit-transform:skew(-10deg,-30deg) scale(.75);transform:skew(-10deg,-30deg) scale(.75)}to{-webkit-transform:skew(0);transform:skew(0)}}@keyframes skew{0%{-webkit-transform:skew(0);transform:skew(0)}50%{-webkit-transform:skew(-10deg,-30deg) scale(.75);transform:skew(-10deg,-30deg) scale(.75)}to{-webkit-transform:skew(0);transform:skew(0)}}@-webkit-keyframes floatUp{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatUp{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes floatDown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatDown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.intro .container{flex-direction:column}.intro h2{margin-bottom:0}.intro__content{width:33%}.intro__image{width:22%;opacity:0}.hobby .container{flex-direction:column}.hobby__content{width:39%;align-self:flex-start;margin-left:24px;margin-top:24px}.hobby__content h2{margin:0}.hobby__image{width:100%}.hobby__image__container :hover{margin:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.hobby__image__caption{text-align:center}.hobby__image__guitar{-webkit-animation:floatUp 3s ease infinite;animation:floatUp 3s ease infinite;width:25%}.hobby__image__guitar .hobby__image__caption{margin:-5% 30% 0 0}.hobby__image__illust{-webkit-animation:floatUp 3s ease infinite;animation:floatUp 3s ease infinite;width:28%;margin:-20% -7% 0}.hobby__image__illust .hobby__image__caption{margin:-20% 30% 0 0}.hobby__image__anime{-webkit-animation:floatUp 3s ease infinite;animation:floatUp 3s ease infinite;width:17%;margin:10% 0 0}.hobby__image__anime .hobby__image__caption{margin:-5% 0 0}.hobby__image__coffee{-webkit-animation:floatDown 3s ease infinite;animation:floatDown 3s ease infinite;width:16%;margin:30% -2% 0 -3%}.hobby__image__coffee .hobby__image__caption{margin:-5% 0 0}.hobby__image__singing{-webkit-animation:floatDown 3s ease infinite;animation:floatDown 3s ease infinite;width:23%;margin:25% -5% 0}.hobby__image__singing .hobby__image__caption{margin:-25% 0 0 30%}.hobby__images{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:-3%;width:80%}.blurb__content{width:35%}.blurb__image{width:25%;margin:31% -1000px 0 950px}.illustrations .container{flex-direction:column;align-items:center}.illustrations h2{width:46%;margin-bottom:0}.illustrations .container>p,.illustrations h2{align-self:flex-start;margin-left:24px}.section--active .intro__image{--firstScale:1;--secondScale:0.5;--xTranslate:-25px;--yTranslate:-50px;--initialOpacity:1;--finalOpacity:0}.section--active .blurb__image,.section--active .intro__image{-webkit-animation:translateAndScale 1s ease infinite;animation:translateAndScale 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}.section--active .blurb__image{--firstScale:1;--secondScale:1;--xTranslate:-1000px;--yTranslate:0px;--initialOpacity:0;--finalOpacity:1}@media only screen and (max-width:1200px){.intro .container{display:flex;flex-direction:column}.intro__image{align-self:flex-start;margin:0 10px -20px 0}.blurb{display:flex;flex-direction:column}.blurb__image{align-self:flex-start;margin-top:100%}.hobby__images{flex-direction:column}.hobby__image__anime,.hobby__image__coffee,.hobby__image__guitar,.hobby__image__illust,.hobby__image__singing{margin:15px}.hobby__image__anime .hobby__image__caption,.hobby__image__coffee .hobby__image__caption,.hobby__image__guitar .hobby__image__caption,.hobby__image__illust .hobby__image__caption,.hobby__image__singing .hobby__image__caption{margin:auto;text-align:center}}.illust h1,.project h1{text-align:center}.illust h2,.illust h3,.illust p,.project h2,.project h3,.project p{margin:12px}.illust p,.project p{align-self:flex-start}.illust .info,.project .info{width:75%}.illust img,.project img{border:1px solid #817676;border-radius:3%}.project .description .container{width:100%}.project .container{flex-direction:column;width:50%}.project img{max-width:50vw;max-height:90vh;margin:12px}.project .inspiration h2,.project .inspiration h3,.project .learning-outcomes h2,.project .learning-outcomes h3,.project .process h2,.project .process h3{align-self:flex-start}.illust .process .container{align-items:flex-start}.illust .process .info{width:30%}.illust img{max-height:90vh;max-width:75vw}@media only screen and (max-width:1200px){.illust .container{flex-direction:column;align-items:center!important}.illust .process .info{width:75%}.project img{max-width:90vw}.project .container{width:75%}}.back-button{position:fixed;display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:6%;left:3%;z-index:20%}.back-button:hover{cursor:pointer}.button{border:1px solid #817676;background-color:#dcd7ce;text-align:center;font-family:Barlow,sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:5px}.button a{text-decoration:none;color:inherit}.button:hover{cursor:pointer}.carousel{display:flex;align-items:center;justify-content:center;width:100vw;position:relative}.carousel .item-container{display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;width:var(totalWidth);padding-top:10px;scroll-behavior:smooth}.carousel__item{margin-left:12px;margin-right:12px;transition:.3s}.carousel__item:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.carousel__item__image{max-height:50vh;max-width:90vw;border-radius:3%;border:1px solid #817676}.carousel .scroll-button{z-index:2;transition:.3s;position:absolute;opacity:.75}.carousel .scroll-button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.carousel .scroll-button__left{left:12px}.carousel .scroll-button__right{right:12px}.carousel .scroll-button--hidden{visibility:hidden}@media only screen and (max-width:1200px){.button{width:32px}.carousel p{font-size:12px}}@media only screen and (max-width:600px){.carousel .item-container{overflow:scroll}}.footer{flex-direction:column}.footer h2{margin-bottom:43px}.footer__image{width:47.5%;margin-left:-149px}.footer__link-list__item:hover{font-size:30px}.footer__wrapper{display:flex;flex-direction:column;align-items:center}.footer__link-list{font-size:24px}.footer__link-list a{color:#817676}.copyright{margin-bottom:0;padding-bottom:0}.section--active .footer__image{-webkit-animation:skew 1s ease infinite;animation:skew 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}@media only screen and (min-width:1200px){.footer h2{width:298px}}@media only screen and (max-width:1200px){.footer .container{flex-direction:column;text-align:center}.footer__image{margin-left:auto;margin-right:auto}}.header h3{margin-left:10px}.header__image{max-width:33.3%;visibility:hidden}.about__image{max-width:55%;position:absolute}.about__image__girl{bottom:0;right:-200px}.about__image__small-stars-left{bottom:-50px;right:-200px;-webkit-transform:scale(.3);transform:scale(.3);opacity:0}.about__image__small-stars-right{bottom:-100px;right:100px;-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.about__image__big-star{bottom:-300px;right:-200px;-webkit-transform:scale(.3);transform:scale(.3);opacity:0}.about__content{width:28.2%;margin-left:15%;margin-right:auto}.about h2{margin-bottom:0}.projects .container{flex-direction:column;align-items:center}.projects h2{align-self:flex-start;margin-left:10%}.section--active .header__image{visibility:visible;--xTranslate:50px;--yTranslate:-200px;--firstScale:1;--secondScale:0.7;-webkit-animation:translateAndScale 1s ease infinite;animation:translateAndScale 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}.section--active .about__image__girl{--xTranslate:-200px;--yTranslate:0px;--firstScale:1;--secondScale:1}.section--active .about__image__girl,.section--active .about__image__small-stars-left{-webkit-animation:translateAndScale 1s ease infinite;animation:translateAndScale 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}.section--active .about__image__small-stars-left{--xTranslate:-200px;--yTranslate:-50px;--firstScale:0.3;--secondScale:1;--initialOpacity:0;--finalOpacity:1}.section--active .about__image__small-stars-right{--xTranslate:100px;--yTranslate:-100px;--firstScale:0.5;--secondScale:1;--initialOpacity:0;--finalOpacity:1;-webkit-animation:translateAndScale 1s ease infinite;animation:translateAndScale 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}.section--active .about__image__big-star{-webkit-animation:bigStar 1s ease infinite;animation:bigStar 1s ease infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -1s);animation-delay:calc(var(--scroll) * -1s)}@media only screen and (max-width:1200px){.header__image,.home__content{margin-left:auto;margin-right:auto}.header__image{margin-bottom:-5%}.header .container{display:flex;flex-direction:column;text-align:center}.about__image{width:45%}}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:0 10px;grid-auto-rows:10px;max-width:90vw;transition:.3s}.image-grid img{width:400px;border-radius:2%}.image-grid img:hover{cursor:pointer}.nav__button{position:fixed;right:6%;top:6%;z-index:20}.nav__button:hover{cursor:pointer}.nav__icon-component{margin-bottom:13px;display:block;transition:.5s}.nav__icon-component__top--active{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav__icon-component__bottom--active{-webkit-transform:translate(.21px,-17.46px) rotate(-45deg);transform:translate(.21px,-17.46px) rotate(-45deg)}.nav__menu{background-color:rgba(72,63,63,.85);color:#dcd7ce;height:100vh;width:66%;top:0;right:0;position:fixed;z-index:10;display:flex;align-items:center;justify-content:center;justify-content:flex-end;transition:.5s}.nav__menu--hidden{-webkit-transform:translate(100%);transform:translate(100%);visibility:hidden}.nav__link-list{font-size:32px;text-align:right;margin-right:20%}.nav__link-list__item:hover{font-size:44px}.nav__link-list a{color:#dcd7ce!important}.nav__link-list__item--current{font-size:44px}.illustrations-grid .container{flex-direction:column}.illustrations-grid h2{align-self:flex-start}.resume .intro .container{flex-direction:column;max-width:40%;text-align:center}.resume .content{width:45vw;margin-left:48px}.resume .content h3{margin-bottom:0}.resume .content .time{font-size:12px;margin:0;text-transform:uppercase}.resume .content .job-title{margin:0}.resume .experience h2{margin-bottom:0}.resume .experience .container{align-items:flex-start}.resume .experience__job{padding:6px 0 6px 12px;margin-top:24px;border-left:1px solid #912921}.resume ul{list-style-type:square}.resume li{margin-top:12px}@media only screen and (max-width:1200px){.resume .experience .container{align-items:center}.resume .education .container,.resume .experience .container,.resume .intro .container,.resume .profile .container,.resume .skills .container{flex-direction:column;width:75%}.resume .education .container .content,.resume .experience .container .content,.resume .intro .container .content,.resume .profile .container .content,.resume .skills .container .content{margin-left:0;width:75vw!important}}.scroll-indicator{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;-webkit-animation:floatDown 2s ease-in-out infinite;animation:floatDown 2s ease-in-out infinite;transition:1s}.scroll-indicator svg{color:#912921;font-size:64px}.scroll-indicator--hidden{opacity:0}.spacer{width:100px;margin:48px auto!important;display:block!important;border:none!important}.spacer--active{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-delay:calc(var(--scroll) * -3s);animation-delay:calc(var(--scroll) * -3s)}@media only screen and (max-width:1200px){.spacer{width:50px}}.gallery{z-index:0;flex-direction:column}.gallery,.gallery>.column{display:flex}.gallery-item{padding:0;line-height:0px;position:relative;cursor:pointer}.gallery-item img{transition:.2s ease-in-out}.gallery-item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.gallery-item .overlay{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;color:#fff;z-index:100;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.gallery-item .overlay p{-webkit-animation:none;animation:none}.popup{display:none;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;top:55%;z-index:20;cursor:default}.popup:after{position:fixed;content:"";top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:-1}.popup>div{position:fixed;content:"x";font-size:48px;top:10%;right:5%;color:#fff;cursor:pointer}@media only screen and (max-width:650px){.gallery{flex-direction:column}.popup>div{top:5%;left:5%}}.container,.section{display:flex;align-items:center;justify-content:center}body{background-color:#dcd7ce;color:#817676;font-family:Barlow,sans-serif;font-size:16px;margin:0}a{color:#912921}h1,h2,h3,img,p{transition:.5s}h1{font-size:144px;letter-spacing:var(--h1-letter-spacing);margin-top:0;margin-bottom:-15px;font-weight:400}h1,h2{color:#483f3f}h2{font-size:64px}h2,h3{font-weight:700}h3{color:#817676;font-size:16px}.stop-scrolling{height:100%;overflow:hidden}.section--active h1{--h1-letter-spacing:-8px;-webkit-animation:fadeInExpand 1s;animation:fadeInExpand 1s}.section--active h2,.section--active h3,.section--active p,.section--active ul{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s}.section{width:100vw;max-width:100%;padding:0;margin:0;min-height:100vh;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;position:relative;overflow:hidden}.footer .link-list,.nav .link-list{list-style-type:none;padding-left:0}.footer .link-list li,.nav .link-list li{margin-bottom:24px;transition:.5s}.footer .link-list li a,.nav .link-list li a{text-decoration:none}.footer .link-list li a:visited,.nav .link-list li a:visited{color:inherit}@media only screen and (max-width:1200px){.content{width:40%!important;top:0}h1{font-size:72px}}@media only screen and (max-width:650px){h2{font-size:32px}h3{margin-left:5px}.content,h3{font-size:12px}.content{position:static!important;margin-left:auto;margin-right:auto;width:75%!important}}