@-ms-viewport{width:device-width}.page{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;-webkit-tap-highlight-color:transparent;-ms-overflow-style:scrollbar;-ms-text-size-adjust:100%;min-width:320px;min-height:100%}.page__inner{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page__footer-wrapper{-ms-flex-negative:0;flex-shrink:0}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:#fff;margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;color:#231f20}[tabindex="-1"]:focus{outline:0!important}.skip-link{position:absolute;z-index:1000001;top:0;left:0;-webkit-transform:translateY(-120%);transform:translateY(-120%);background-color:#181818;padding:12px 16px;border-radius:0 0 8px 0;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;text-decoration:none;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.skip-link:focus{-webkit-transform:translateY(0);transform:translateY(0);outline:2px solid #04a7e5;outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[role=button]{cursor:pointer}input[type=search]{-webkit-appearance:textfield}[role=button],a,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}a svg,button svg{pointer-events:none}img{max-width:100%;height:auto}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1000000;max-width:60px;height:100%;background-color:#181818;padding-top:10px}.main-nav__logo-block{-webkit-box-flex:1;-ms-flex:1;flex:1}.main-nav__logo{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:8px;max-height:50px}.main-nav__logo-link{display:inline-block;padding-top:10px;border-radius:4px}.main-nav__logo-link:focus-visible{outline:2px solid #04a7e5;outline-offset:3px}.main-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:6;-ms-flex:6;flex:6;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;max-height:38%;padding-left:0}.main-nav__item{position:relative;list-style:none}.main-nav__item-text{position:absolute;top:50%;left:50%;z-index:1;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;list-style:none;-webkit-transition:opacity .2s linear,color .2s linear;transition:opacity .2s linear,color .2s linear;color:#04a7e5;pointer-events:none}.main-nav__item-icon{display:block;opacity:1;-webkit-transition:opacity .2s linear,color .2s linear;transition:opacity .2s linear,color .2s linear;color:#8d8d8d}.main-nav__item-icon svg{display:block;fill:currentColor}.main-nav__item-icon--active{color:#04a7e5}.main-nav__item a{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;min-height:40px;border-radius:4px;text-transform:uppercase;text-decoration:none;letter-spacing:1px;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:10px}.main-nav__item a:focus-visible{outline:2px solid #04a7e5;outline-offset:3px}.main-nav__item:focus-within .main-nav__item-text,.main-nav__item:hover .main-nav__item-text{opacity:1}.main-nav__item:focus-within .main-nav__item-icon:not(.main-nav__item-icon--active),.main-nav__item:hover .main-nav__item-icon:not(.main-nav__item-icon--active){opacity:0;color:#04a7e5}.main-nav__item:focus-within .main-nav__item-icon--active,.main-nav__item:hover .main-nav__item-icon--active{opacity:0}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;min-height:10%;max-height:33%;padding-left:0}.socials__item{list-style:none}.socials__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-transition:color .1s linear;transition:color .1s linear;text-decoration:none;color:#8d8d8d;font-size:12px;font-weight:700}.socials__link svg{display:block;fill:currentColor}.socials__link:focus-visible,.socials__link:hover{color:#04a7e5}.socials__link:focus-visible{outline:2px solid #04a7e5;outline-offset:3px}.main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#252627;overflow-x:hidden}.main-content__greeting{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;min-width:50%;min-height:100vh;padding-left:160px}.main-content__greeting-title{-ms-flex-item-align:start;align-self:flex-start;margin-top:10px;margin-bottom:10px;padding-bottom:6px;border-right:.15em solid #fff;color:#fff;font-weight:700;font-size:45px;line-height:1.25;letter-spacing:-.5px;white-space:nowrap;overflow:hidden}.main-content__greeting-title--1{width:60px;-webkit-animation:type .25s steps(4,end);animation:type .25s steps(4,end);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-content__greeting-title--2{width:180px;-webkit-animation:type2 .35s steps(9,end);animation:type2 .35s steps(9,end);-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-content__greeting-title--3{width:430px;margin-bottom:40px;-webkit-animation:type3 .45s steps(18,end);animation:type3 .45s steps(18,end);-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-content__logo{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:5;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.main-content__logo-icon{display:block;width:600px;height:600px;opacity:0;-webkit-transform:scale(.96);transform:scale(.96);-webkit-transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,transform .7s ease;transition:opacity .7s ease,transform .7s ease,-webkit-transform .7s ease}.main-content__logo-icon--visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes typing{from{width:0}to{width:400px}}@keyframes typing{from{width:0}to{width:400px}}@-webkit-keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#000}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#000}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid #fff}100%{border:none}}@keyframes type{0%{width:0}99.9%{border-right:.15em solid #fff}100%{border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fff}100%{opacity:1;border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fff}100%{opacity:1;border:none}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fff}100%{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fff}100%{opacity:1;border:none}}.contact-button{-ms-flex-item-align:start;align-self:flex-start;border:1px solid #04a7e5;border-radius:8px;background-color:transparent;padding:8px 12px;-webkit-transition:background-color .1s linear,color .1s linear;transition:background-color .1s linear,color .1s linear;text-decoration:none;letter-spacing:4px;color:#04a7e5;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13px}.contact-button:focus-visible,.contact-button:hover{background-color:#04a7e5;color:#252627}.contact-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.contact-button-link{text-decoration:none}.active{display:block}.active--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.active--grid{display:-ms-grid;display:grid}.inactive{display:none;height:0}@media screen and (min-width:1100px){.main-content__logo{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}}@media screen and (max-width:680px){.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:680px;max-height:60px;background-color:#181818;padding-top:0}.main-nav__list{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:0;margin-bottom:0;max-height:100%;padding-top:0;padding-left:0}.main-nav__logo-block{display:none}.main-nav__item:focus-within .main-nav__item-icon,.main-nav__item:focus-within .main-nav__item-icon--active,.main-nav__item:hover .main-nav__item-icon,.main-nav__item:hover .main-nav__item-icon--active{opacity:1}.main-nav__item:focus-within .main-nav__item-text,.main-nav__item:hover .main-nav__item-text{opacity:0}.socials{display:none}.main-content__greeting{padding:0 20px}.main-content__greeting-title{font-size:36px}.main-content__greeting-title--3{width:345px}}@media screen and (max-height:414px){.main-nav__list{max-height:none}}@media screen and (max-height:414px) and (orientation:landscape){.socials{display:none}}@media screen and (max-width:1280px){.main-content__logo-icon{width:500px;height:500px}}@media screen and (max-width:1080px){.main-content__logo{padding-right:50px}.main-content__logo-icon{width:400px;height:400px}}@media screen and (max-width:980px){.main-content__logo-icon{width:300px;height:300px}}@media screen and (min-device-width:540px) and (max-device-width:679px){.main-content__greeting{padding:0 60px}}@media screen and (max-width:820px) and (orientation:landscape){.main-content{padding-bottom:60px}}@media screen and (max-width:321px){.main-content{min-width:345px}.main-content__greeting-title{font-size:32px}}@media (prefers-reduced-motion:reduce){*,::after,::before{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}.main-content__greeting-title,.main-content__greeting-title--1,.main-content__greeting-title--2,.main-content__greeting-title--3{opacity:1!important;width:auto!important;border-right:none!important}.about-page__experience,.about-page__summary,.about-page__title,.contact-page__feedback,.contact-page__name,.projects-page__intro,.projects-page__section,.projects-page__title,.skills{opacity:1!important}#layer,#letter{stroke-dashoffset:0!important}#layer{fill:#04a7e5!important}}