@-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}.skills{background-color:#252627;-webkit-animation:appear .5s linear forwards;animation:appear .5s linear forwards}.skills__list{display:-ms-grid;display:grid;margin-top:0;margin-bottom:0;min-height:100vh;background-color:#8d8d8d;padding-left:59px;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,1fr)}.skills__list-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1px;background-color:#252627;list-style:none}.skills__item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:100%;height:100%;min-height:180px;border:0;background-color:#252627;padding:0;cursor:pointer;text-align:left;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.skills__item:focus-visible{outline:2px solid #04a7e5;outline-offset:-2px}.skills__item-icon{display:block;-ms-flex-negative:0;flex-shrink:0;width:100px;height:100px;font-family:"object-fit:contain";-o-object-fit:contain;object-fit:contain;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.skills__item-overlay{position:absolute;right:0;bottom:0;left:0;z-index:1;background:-webkit-gradient(linear,left bottom,left top,from(rgba(24,24,24,.98)),color-stop(70%,rgba(24,24,24,.96)),to(rgba(24,24,24,.85)));background:linear-gradient(to top,rgba(24,24,24,.98) 0,rgba(24,24,24,.96) 70%,rgba(24,24,24,.85) 100%);padding:16px 14px 14px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.skills__item-name{display:block;margin-bottom:6px;color:#04a7e5;font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.skills__item-description{margin-top:0;margin-bottom:6px;color:#d0d0d0;font-size:12px;line-height:1.3}.skills__item-experience{margin-top:0;margin-bottom:0;color:#a8a8a8;font-size:11px;line-height:1.3}.skills__list-item:focus-within,.skills__list-item:hover{z-index:2}.skills__list-item:focus-within .skills__item-overlay,.skills__list-item:hover .skills__item-overlay{-webkit-transform:translateY(0);transform:translateY(0)}.skills__list-item:focus-within .skills__item-icon,.skills__list-item:hover .skills__item-icon{opacity:.35}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}.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 (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}.skills__list{padding-bottom:59px;padding-left:0}.skills__item{min-height:140px}.skills__item-icon{width:50px;height:50px}.skills__item-overlay{padding:8px 8px 6px}.skills__item-name{margin-bottom:4px;font-size:10px}.skills__item-description{display:none}.skills__item-experience{font-size:9px;line-height:1.25}}@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 (prefers-reduced-motion:reduce){.skills__item-icon,.skills__item-overlay{-webkit-transition:none;transition:none}*,::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}}