.header{align-items:center;background-color:var(--background-color);color:var(--color);display:flex;justify-content:flex-end;padding:.5rem;position:fixed;transition:all .5s ease-in-out;width:100%;z-index:200}@media screen and (min-width:768px){.header{padding:.5rem 1rem}}.header[data-name=banner]{--primary-color:var(--light-blue);--secondary-color:var(--black);--background-color:"transparent";--color:var(--white)}.header[data-name=about]{--primary-color:var(--red);--secondary-color:var(--white);--background-color:var(--white);--color:var(--black)}.header[data-name=projects]{--primary-color:var(--light-blue);--secondary-color:var(--black);--background-color:var(--black);--color:var(--white)}.header[data-name=contact]{--primary-color:var(--dark-blue);--secondary-color:var(--white);--background-color:var(--light-blue);--color:var(--black)}.nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section{background-color:var(--background-color);color:var(--color);min-height:100vh;padding:1rem;width:100%}.section>.about__container,.section>.contact__container,.section>.projects__container{max-width:1100px}.about{--primary-color:var(--dark-blue);--secondary-color:var(--white);--background-color:var(--light-blue);--color:var(--black);display:grid;place-items:center}.about__container{align-items:center;display:flex;flex-direction:column;gap:2rem}.about__container .about__contentPersonal,.about__container .about__contentProfessional{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}.about__container .about__contentPersonal{-webkit-animation-name:fade-in,slide-in-left;animation-name:fade-in,slide-in-left}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.about__container .about__contentProfessional{-webkit-animation-name:fade-in,slide-in-right;animation-name:fade-in,slide-in-right}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.banner{--primary-color:var(--light-blue);--secondary-color:var(--black);--background-color:var(--dark-blue);--color:var(--white);display:grid;place-items:center;position:relative}.banner__container{text-align:center}.banner__container>.h1>span,.banner__container>.h2{-webkit-animation-delay:calc(var(--delay)*.05s);animation-delay:calc(var(--delay)*.05s);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.banner__arrow{-webkit-animation-delay:calc(var(--delay)*.08s);animation-delay:calc(var(--delay)*.08s);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in,slide-in-bot;animation-name:fade-in,slide-in-bot;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;bottom:4rem;height:4rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:4rem}@-webkit-keyframes slide-in-bot{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bot{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.banner__arrow:hover{cursor:pointer}@media screen and (min-width:768px){.banner__arrow{height:6rem;width:6rem}}.contact{--primary-color:var(--red);--secondary-color:var(--light-blue);--background-color:var(--black);--color:var(--white);display:grid;place-items:center}.contact__container>.p{max-width:50rem}.projects{--primary-color:var(--dark-blue);--secondary-color:var(--black);--background-color:var(--red);--color:var(--white);display:grid;place-items:center;position:relative}.projects__container>.p{margin-bottom:1rem;max-width:50rem}.aboutContent__imageText{align-items:center;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.aboutContent__imageText{align-items:flex-start;flex-direction:row;height:280px}}.aboutContent__textWrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.aboutContent__imageWrapper{height:20vh;width:20vh}.aboutContent__imageWrapper>img{height:100%;object-fit:cover;width:100%}@media screen and (min-width:768px){.aboutContent__imageWrapper>img{min-height:20vh;min-width:20vh}.aboutContent__imageWrapper{height:20vh;width:20vh}}.button,.hoverButton{all:unset;font-family:WorkSans-Regular,sans-serif;font-size:.75rem;font-weight:400;line-height:175%;padding:.25em .75em;transition:all .3s ease-in-out}.button:hover,.hoverButton:hover{cursor:pointer}@media screen and (min-width:768px){.button,.hoverButton{font-size:1rem}}.button[data-active=true]{color:var(--secondary-color)}.hoverButton{background-color:var(--secondary-color);transition:all .3s ease-in-out}.hoverButton:hover{background-color:var(--primary-color);transition:all .3s ease-in-out}.buttonCollection{display:flex;gap:.25rem;position:relative;z-index:100}.buttonCollection:after{background-color:var(--primary-color);content:"";display:block;height:var(--height);position:absolute;-webkit-transform:translateX(var(--left));transform:translateX(var(--left));transition:all .5s ease-in-out;width:var(--width);z-index:-1}@media screen and (min-width:768px){.buttonCollection{gap:2rem}}.contactForm{display:flex;flex-direction:column;gap:2rem;margin-inline:auto;padding-top:2rem;width:min(100%,25rem)}.contactForm__bot{align-items:center;display:flex;justify-content:space-between}.contactForm__bot>.hoverButton{margin-left:auto}.input{display:flex;flex-direction:column;position:relative}.input__field{background-color:var(--background-color);border-style:hidden hidden groove;border-bottom:1px solid var(--color);color:var(--color);font-family:WorkSans-Regular,sans-serif;font-weight:400;padding:.5rem 0}.input__field::-webkit-input-placeholder{color:gray}.input__field::placeholder{color:gray}.input__field:focus{outline:none}.input__field:-webkit-autofill{background-color:transparent!important}.input__textArea{max-width:100%;resize:none}.input__feedback{bottom:-1.5rem;color:#900;color:var(--red);font-style:italic;position:absolute}.projectsGrid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-inline:auto;max-width:26rem}.projectsGrid__cell{display:grid;place-items:center;position:relative}.projectsGrid__cell>img{aspect-ratio:1/1;background-repeat:no-repeat;object-fit:cover;width:6rem}.projectsGrid__cell>span{left:0;margin:0 auto;position:absolute;right:0;text-align:center}.projectsGrid__cell>span>.p{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;font-family:WorkSans-Bold,sans-serif}.projectsGrid__cell:hover{cursor:pointer}.projectsModal{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;box-shadow:0 0 10px #000;box-shadow:0 0 10px var(--black);display:none;gap:1rem;grid-template-areas:"img title" "body body" "stack stack";grid-template-columns:1fr 2fr;grid-template-rows:1fr auto 1fr;left:1.5rem;margin-left:auto;margin-right:auto;max-width:650px;padding:1rem;position:absolute;right:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.projectsModal__img{align-self:start;grid-area:img;justify-self:start;width:100%}.projectsModal__title{align-items:center;display:flex;grid-area:title;justify-content:space-between}.projectsModal__title>.h3{align-self:center}.projectsModal__title>svg{align-self:start;cursor:pointer;height:2rem;width:2rem}.projectsModal__body{grid-area:body}.projectsModal__stack{grid-area:stack}@media screen and (min-width:576px){.projectsModal{grid-template-columns:1fr 3fr}}@media screen and (min-width:768px){.projectsModal{grid-template-areas:"img title" "img body" "img body" "img body" "stack stack";grid-template-columns:1fr 2fr;grid-template-rows:repeat(5,1fr)}}.projectContent{display:flex;flex-direction:column;justify-content:space-between}.stackList{gap:.5rem;margin:1rem 0}.stack,.stackList{display:flex;justify-content:center}.stack{flex-wrap:wrap;gap:.25rem}.techIcon{height:1.5rem;width:1.5rem}.techIcon>svg{height:100%;width:100%}@media screen and (min-width:768px){.techIcon{height:2rem;width:2rem}}.techStack{align-items:end;display:grid;grid-template-areas:"github stack project";grid-template-columns:1fr auto 1fr}.techStack>.stack{grid-area:stack}.techStack__github{cursor:pointer;grid-area:github}.techStack__project{cursor:pointer;grid-area:project;justify-self:end}.timelineIcon{position:relative}.timelineIcon:hover>.tooltip{opacity:1}.timelineIcon>img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:2rem}.timelineIcon>.tooltip{bottom:4rem;display:inline;left:50%;max-height:6.5rem;opacity:0;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .5s;width:12.5rem}.timeline{align-items:center;display:none;margin-top:6.5rem;width:min(100%,800px)}.timeline__line{background-color:var(--primary-color);height:5px;margin-inline:1rem;position:relative;width:100%}.timeline__line:after,.timeline__line:before{background-color:var(--primary-color);border-radius:50%;bottom:0;content:"";display:block;height:10px;margin:auto 0;position:absolute;top:0;width:10px}.timeline__line:before{left:0}.timeline__line:after{right:0}@media screen and (min-width:768px){.timeline{display:flex}}.h1,.h2,.h3{font-family:CrimsonText-Regular,serif;font-weight:400;line-height:100%}.h1[data-underline=true],.h2[data-underline=true],.h3[data-underline=true]{text-decoration:underline;-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color)}.label,.p{font-family:WorkSans-Regular,sans-serif;font-weight:400}.p{font-size:.75rem;line-height:175%}@media screen and (min-width:768px){.p{font-size:1rem}}.label{font-size:.5rem}@media screen and (min-width:768px){.label{font-size:.65rem}}.h1{font-size:6rem}@media screen and (min-width:768px){.h1{font-size:9rem}}@media screen and (min-width:1400px){.h1{font-size:12rem}}.h2{font-size:2rem}@media screen and (min-width:768px){.h2{font-size:3rem}}@media screen and (min-width:1400px){.h2{font-size:4rem}}.h3{font-size:1rem}@media screen and (min-width:768px){.h3{font-size:1.5rem}}@media screen and (min-width:1400px){.h3{font-size:2rem}}:root{--light-blue:#0098b3;--red:#900;--dark-blue:#000566;--black:#000;--white:#fff}body,html{font-size:100%;font-style:normal;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@font-face{fonst-style:normal;font-display:swap;font-family:CrimsonText-Regular;src:url(/static/media/CrimsonText-Regular.c4b8d34baf08b0516b1c.woff) format("woff")}@font-face{fonst-style:normal;font-display:swap;font-family:WorkSans-Regular;src:url(/static/media/WorkSans-Regular.64f9056f2d6295832ea3.woff) format("woff")}@font-face{fonst-style:normal;font-display:swap;font-family:WorkSans-Bold;src:url(/static/media/WorkSans-Bold.9ab52d2504cfe145b9bd.woff) format("woff")}
/*# sourceMappingURL=main.19be040f.css.map*/