@import url(https://fonts.googleapis.com/css?family=Anton|Arvo&display=swap);:root{--main-theme-color:#fff;--main-text-color:#000}body,html{margin:0;background-color:var(--main-theme-color);font-family:Anton,sans-serif}html{width:100vw;height:100vh}@media screen and (min-width:320px)and (min-height:300px)and (max-width:823px)and (max-height:415px)and (orientation:landscape){html{transform:rotate(-90deg);transform-origin:left top;width:100vh;height:100vw;overflow-x:hidden;position:absolute;top:100%;left:0}}body{width:100%;height:100%}button,input{font-family:Arvo,serif;color:var(--main-text-color)}a,a:active,a:visited{color:var(--main-text-color);text-decoration:none}.hidden-on-landscape{display:none}@media screen and (min-width:320px)and (min-height:300px)and (max-width:823px)and (max-height:415px)and (orientation:landscape){.hidden-on-landscape{width:100%;height:100%;display:block;box-sizing:border-box;position:absolute;display:flex;align-items:center;justify-content:center}.hidden-on-landscape__container{transform:rotate(90deg)}.hidden-on-landscape__heading{margin:0;line-height:1}.hidden-on-landscape__helper-text{font-size:12px;margin:0}}.on-develop{display:flex;align-items:center;justify-content:center;height:100%}.pointer{position:fixed;top:0;left:0;pointer-events:none;mix-blend-mode:difference;transform:translate(-10px,-10px)}.pointer--no-blend{mix-blend-mode:normal}.pointer__cursor{position:absolute;top:-5px;left:-5px;width:10px;height:10px;border-radius:50%;background-color:var(--main-theme-color);transition-property:top,left,width,height;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s}.pointer__cursor--is-on-title{top:-15px;left:-15px}.pointer__cursor--is-on-title,.pointer__cursor--is-on-title:after{width:30px;height:30px;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;transform:scale(1)}.pointer__cursor--is-on-title:after{content:"";position:absolute;top:-8px;left:-8px;padding:4px;border:4px solid var(--main-theme-color);border-radius:50%}.pointer__cursor--is-on-link{width:50px;height:50px;top:-25px;left:-25px}.pointer__cursor--is-on-link:after{content:"click me";position:absolute;width:50px;height:50px;top:10px;left:0;text-align:center;font-size:.5em;line-height:1}.pointer__cursor--is-on-nav{width:50px;height:50px;top:-25px;left:-25px;background-color:hsla(0,0%,50.2%,.5)}.pointer__cursor--on-about-page:after{background:url(/_next/static/media/who-am-i.245c1935cb62cafb0388c748d1754694.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.pointer__cursor--on-about-page:after,.pointer__cursor--on-home-page:after{content:"";position:absolute;width:80px;height:80px;top:-15px;left:-15px;-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}.pointer__cursor--on-home-page:after{background:url(/_next/static/media/wanna-go-home.7180bab06b56cf12d44e1e4450f5c236.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.pointer__cursor--on-skills-page:after{background:url(/_next/static/media/you-like-magic.9e16543d2cabb29a446829671b658831.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.pointer__cursor--on-portfolio-page:after,.pointer__cursor--on-skills-page:after{content:"";position:absolute;width:80px;height:80px;top:-15px;left:-15px;-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}.pointer__cursor--on-portfolio-page:after{background:url(/_next/static/media/like-my-stuff.c1c6e194abed8ac980592c8c3c2f6758.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.pointer__cursor--on-contact-page:after{content:"";position:absolute;width:80px;height:80px;top:-15px;left:-15px;background:url(/_next/static/media/call-me-maybe.9cf00fb097ccb3d8420e74964ba8dfb1.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}@-webkit-keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1.2)}to{transform:scale(.95)}}@keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1.2)}to{transform:scale(.95)}}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}