/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Inconsolata;font-weight:400;src:url(./Inconsolata-Regular-U3UC7dql.ttf) format("truetype")}@font-face{font-family:Inconsolata;font-weight:300;src:url(./Inconsolata-Light-B8jJuuYS.ttf) format("truetype")}@font-face{font-family:Inconsolata;font-weight:500;src:url(./Inconsolata-Medium-BFtYORsp.ttf) format("truetype")}@font-face{font-family:Inconsolata;font-weight:600;src:url(./Inconsolata-SemiBold-B_D2fTSk.ttf) format("truetype")}@font-face{font-family:Inconsolata;font-weight:700;src:url(./Inconsolata-Bold-j9MlhQH8.ttf) format("truetype")}@font-face{font-family:Silkscreen;font-weight:400;src:url(./Silkscreen-Regular-DrhhE05D.ttf) format("truetype")}@font-face{font-family:Silkscreen;font-weight:700;src:url(./Silkscreen-Bold-BFaipAUr.ttf) format("truetype")}a{text-decoration:none}*{box-sizing:border-box}html{scroll-behavior:smooth}.app{background-color:#fff;width:100%;max-width:100vw;min-height:100vh;display:flex;flex-direction:column}.app__content{flex:1;width:100%}.navigation{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(9vh,13vh,15vh);background-image:linear-gradient(#004123,#006e59);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0003}.navigation__container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 2rem}.navigation__logo img{width:clamp(6rem,10vw,12rem);height:auto;max-height:100%;object-fit:contain}.navigation__btn-container{display:flex;gap:clamp(.75rem,1rem,1.5rem)}.navigation__btn{font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:400;color:#fff;background:transparent;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.navigation__btn:hover{background-color:#fff3;border-color:#ffffff80}.navigation__btn:active{background-color:#fff6;color:#00000080}@media screen and (max-width: 420px){.navigation__container{flex-direction:column;justify-content:space-around;padding:0 1.2rem}.navigation__logo img{width:clamp(5rem,9.5vw,11rem)}.navigation__btn-container{gap:clamp(.1rem,.25rem,.75rem)}.navigation__btn{font-size:clamp(.8rem,1.2vw,1.4rem)}}.header{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:6.5vh 10vw;gap:1.5rem;color:#001c0f}.header__intro{display:inline-block;overflow:hidden;white-space:nowrap;width:19ch;margin:0 auto;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(1.5rem,5vw,4rem);font-weight:700;letter-spacing:.15em;border-right:.15em solid rgb(0,28,15);animation:typing 3.5s steps(26,end),blink-caret .75s step-end infinite}.header__container{display:flex;align-items:center;justify-content:center;margin:0 10vw 0 auto;max-width:80%;font-family:Inconsolata,Roboto Mono,monospace;gap:2rem}.header__author-info{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:60%}.header__name{margin:0;text-align:center;font-family:Silkscreen,Courier New,Lucida Console,monospace;font-size:clamp(1.25rem,3vw,4rem);font-weight:700;color:#f47a5f}.header__role{margin:0;font-size:clamp(1rem,3vw,2rem)}.header__skills,.header__description{margin:0;font-size:clamp(.8rem,2vw,1.2rem);line-height:1.5}.header__skills{font-weight:700;color:#f47a5f}.header__description{font-style:italic;text-emphasis:center}.header a{display:inline-block;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.header a:hover{background-color:#fff3;border-color:#f47a5f80;border-radius:5px}.header__image{display:block;max-width:clamp(12rem,40vw,20rem);height:auto;border-radius:50%;filter:drop-shadow(0 0 .75rem rgba(0,0,0,.2))}@keyframes typing{0%{width:0}to{width:19ch}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#001c0f}}@media screen and (max-width: 475px){.header__container{flex-direction:column}}.about{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start;justify-content:space-evenly;padding:clamp(9vh,13vh,15vh) 10vw;border-top:.2rem solid rgba(0,28,15,.2)}.about__section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:1rem 3rem;gap:1rem;text-align:center;background-color:#006e591a;box-shadow:0 0 .75rem #0003;border-radius:5px}.about__title{margin:0;font-family:Silkscreen,Courier New,Lucida Console,monospace;font-size:clamp(1rem,2.5vw,3rem);font-weight:700;color:#f47a5f}.about__text{margin:0;width:100%;text-align:left;align-self:center;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(.8rem,2vw,1.2rem);font-weight:500;line-height:1.5}.about__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(.6rem,1rem,1.2rem);max-width:90%;padding:0 0 2rem;list-style:none;justify-content:center;border-bottom:.2rem solid rgba(0,28,15,.2)}.about__list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about__list-item img{height:auto;max-width:clamp(2rem,5vw,5rem)}.about__list-item p{margin:0;padding:0;font-size:clamp(.8rem,1.5vw,1rem);text-decoration:bold}.about__section-footer{display:flex;flex-direction:column;font-style:italic}@media screen and (max-width: 1358px){.about{display:flex;flex-direction:column;align-items:center}.about__section{max-width:80vw}}@media screen and (max-width: 515px){.about__section{padding:.8rem 2rem}}.projects{display:flex;flex-direction:column;align-content:center;justify-content:center;padding:clamp(9vh,13vh,15vh) 0;border-top:.2rem solid rgba(0,28,15,.2)}.projects__title{margin:0;padding-bottom:1rem;text-align:center;font-family:Silkscreen,Courier New,Lucida Console,monospace;font-size:clamp(1rem,2.5vw,3rem);font-weight:700;color:#f47a5f}.projects__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem;background-color:#006e591a;box-shadow:0 0 .75rem #0003}.projects__list{display:flex;flex-wrap:wrap;gap:1.5rem;width:90%;padding:0;list-style:none;justify-content:space-around}.projects__card{display:flex;flex-direction:column;justify-content:flex-end;width:clamp(275px,20vw,30vw);height:45vh;padding:0;background-color:#fff;background-repeat:no-repeat;background-size:cover;cursor:pointer;border:2px solid #fff;border-radius:10px;box-shadow:0 0 .75rem #0003;flex-shrink:1;transition:border-color .3s ease}.projects__card:hover{border-color:#009277;border-radius:10px}.projects__card_vmrt{background-image:url(../assets/vmrt.PNG);background-position:center}.projects__card_wtwr{background-image:url(../assets/wtwr.PNG)}.projects__card_atus{background-image:url(../assets/atus.png)}.projects__card-info{background-color:#fff;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.projects__card h4{margin:0;padding:.5rem 1rem;text-align:center;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(.8rem,2vw,1.5rem);font-weight:600;background-color:#f47a5fcc}.projects__card p{margin:0;padding:.5rem;width:100%;text-align:left;align-self:center;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(.6rem,1vw,1rem);font-weight:600;line-height:1.5}.contact{display:flex;flex-direction:column;align-content:center;justify-content:center;padding:clamp(9vh,13vh,15vh) 0;border-top:.2rem solid rgba(0,28,15,.2)}.contact__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(75vw,85vw,98vw);padding:1.5rem 2rem;margin:0 auto;background-color:#006e591a;box-shadow:0 0 .75rem #0003}.contact__title{margin:0;padding-bottom:1rem;text-align:center;font-family:Silkscreen,Courier New,Lucida Console,monospace;font-size:clamp(1rem,2.5vw,3rem);font-weight:700;color:#f47a5f}.contact__links-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:1rem;column-gap:2rem;justify-content:center;align-content:center;width:clamp(40vw,60vw,75vw);margin:0 auto}.contact__item{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:auto 1rem;padding-bottom:clamp(.8rem,3rem,3.5rem);background-image:radial-gradient(#006e59,#00553c);border-radius:10px;box-shadow:0 0 .75rem #0003}.contact__item p{margin:2.5rem 1rem;max-width:65%;align-self:center;justify-self:flex-end;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(1rem,4vw,3.5rem);font-weight:700;text-wrap:wrap;color:#fff}.contact__item button{position:absolute;bottom:.5rem;left:.5rem;width:clamp(.8rem,3rem,3.5rem);height:clamp(.8rem,3rem,3.5rem);border:none;border-radius:100%;cursor:pointer;align-items:flex-start;transition:.3s ease-in-out}.contact__item button:hover{background-color:#ffffff1a;border:2px solid rgba(150,50,166,.8)}.contact__item_email{grid-column:1 / 3;grid-row:1 / 2}.contact__item_email button{background:center / contain no-repeat url(../assets/email.svg)}.contact__item_github button{background:center / contain no-repeat url(../assets/github.svg)}.contact__item_linkedin button{background:center / contain no-repeat url(../assets/linkedin.svg)}.footer{width:100%;height:10vh;background-image:linear-gradient(#006e59,#004123)}.footer__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 5%}.footer__signature{width:clamp(100px,15%,150px);height:100%;margin-right:auto;background:center / contain no-repeat url(../assets/jh-web-dev__logo_lg.png)}.footer__top-btn{display:inline-block;text-align:center;font-family:Inconsolata,Roboto Mono,monospace;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:400;color:#fff;background:transparent;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.footer__top-btn:hover{background-color:#fff3;border-color:#ffffff80;border-radius:5px}.footer__top-btn:active{background-color:#fff6;color:#00000080}@media screen and (max-width: 420px){.footer__top-btn{font-size:clamp(.8rem,1.2vw,1.4rem)}}