@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Montserrat:wght@400;500;700&family=Work+Sans:ital,wght@0,300;0,400;1,500&display=swap);:root{--color-light:#e8e8e8;--color-dark:#1d1c50;--color-dark-2:#020235;--color-highlight:#dd7702;background-color:#e8e8e8;background-color:var(--color-light);color:#1d1c50;color:var(--color-dark);font-family:Inter,Montserrat,Helvetica,Arial,sans-serif;font-size:62.5%;font-weight:400;line-height:24px;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}body,h1,html,p{margin:0}body{font-size:1.6rem}#root,body{min-height:100vh}#root{margin:0 auto;max-width:100%;width:auto}.section{min-height:50vh;padding:5em 2em 3em}@media (max-width:400px){body{font-size:1rem}}.logo{height:10em;padding:1em}.logo:hover{filter:drop-shadow(0 0 2em #b4b8f9aa)}.title{font-size:3.2em;line-height:1.1;margin:1.5em 0 .2em}.secondary-title{display:block}.page-title{font-family:Work Sans,sans-serif;font-weight:300}.sub-heading{font-size:1.4rem}.hero{align-items:center;background:#242424;background:linear-gradient(156deg,#242424,#14145e 54%,#047991);color:var(--color-light);display:flex;justify-content:space-between;margin:0 auto;min-height:100vh;text-align:left;text-shadow:1px 1px 2px var(--color-dark);width:100%}.hero-info-container{padding:0 1.5em}.job-title{font-size:.5em}.hero-body{font-size:1.2em;letter-spacing:1px;margin:0;max-width:450px;padding:0;width:90%}.social-media{padding:1em 0}.social-media-list{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;width:50%}.social-media-icon{width:20px}.on-hover{filter:invert(31%) sepia(87%) saturate(1309%) hue-rotate(130deg) brightness(106%) contrast(103%)}.highlight{color:var(--color-highlight)}.not-found,.success{align-items:center;display:flex;min-height:100vh;place-content:center;text-align:center}.not-found p,.success p{padding:1em 0}.not-found>div{height:-webkit-fit-content;height:fit-content}.contact-title{font-family:Work Sans,sans-serif;font-weight:300;margin-top:1.5em;text-align:center}.email-container{margin:2em auto;max-width:500px}.email-address{color:var(--color-highlight);font-size:1.5em;text-decoration:none}@media (min-width:800px){.hero-info-container{padding:0 0 0 6em}.social-media-icon{width:30px}}@media (max-width:800px){.hero-info-container{padding:0 2em}}@media (prefers-reduced-motion:no-preference){.hero{animation:gradient 40s ease infinite;background:url(/static/media/wave-lines.b3b05062f60695561f07.svg),linear-gradient(-45deg,#0b749a,#1d43ab,#12627f,#12558c);background-size:600% 100%}.stack-image:active,.stack-image:hover{animation:resize .5s ease-in-out}}@keyframes resize{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes gradient{0%{background-position:50% 50%}50%{background-position:100% 50%}to{background-position:50% 50%}}.about-flex-container{display:flex;flex-direction:column-reverse}.about-body{margin-bottom:1.5em;max-width:550px}.cv-text{font-size:1.5em;padding:1em 0 2em}.about-highlight a{color:var(--color-highlight);cursor:pointer;font-weight:700;text-decoration:none}.about-highlight a:active,.about-highlight a:hover{color:var(--color-dark);-webkit-text-decoration:underline currentColor;text-decoration:underline currentColor}.profile-image{max-width:200px;width:90%}.tech-stack-list-item{background-color:initial;color:var(--color-dark);display:inline-block;margin:0 1.5em .8em 0}.stack-image-container{margin:0 auto;width:35px}.stack-image{width:100%}.skills-section{margin-top:2rem}.skill-category{margin-bottom:2.5rem}.category-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;margin-bottom:20px;padding:0;text-align:left;transition:opacity .2s ease;width:100%}.category-header:hover{opacity:.8}.category-header:focus{border-radius:4px;outline:2px solid var(--color-highlight);outline-offset:2px}.category-title{color:var(--color-highlight);font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.chevron-icon{color:var(--color-highlight);flex-shrink:0;height:24px;margin-left:.5rem;transition:transform .3s ease;width:24px}.chevron-icon.expanded{transform:rotate(180deg)}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-item{background-color:#f5f5f5;border-left:4px solid var(--color-highlight);border-radius:8px;padding:1.2rem;transition:all .3s ease}.skill-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.skill-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.skill-name{font-size:1rem;font-weight:600}.proficiency-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;min-width:71px;padding:.35rem .75rem;text-align:center;text-transform:uppercase;white-space:nowrap}.skill-name{background-color:initial;color:var(--color-dark);padding:0 1em}.about-me-body{padding-bottom:1em}.about-me-link{color:var(--color-highlight);display:block;font-weight:bolder;margin-top:1em;text-decoration:none}@media (min-width:800px){.profile-image{object-fit:contain;width:250px}.about-me-container{display:flex;flex-direction:row;justify-content:space-around}.about-me-info{max-width:550px}.about-flex-container{flex-direction:row;justify-content:space-around}.about-body-container{width:50%}.cv-container{width:38%}.cv-text{padding:3em 0 2em 2em}}.MyWork_portfolio__GYsUY{align-items:center;background-color:#f0f7ff;display:flex;flex-direction:column;font-family:Work Sans,sans-serif;font-weight:300;padding:4em 0 0}.MyWork_portfolio-page-title__NvE9f{font-weight:300;margin-bottom:1em;padding-left:2rem;text-align:center}@media (min-width:800px){.MyWork_portfolio__GYsUY{display:block}.MyWork_portfolio-page-title__NvE9f{padding-left:3.2rem}}@media (min-width:1560px){.MyWork_portfolio__GYsUY{display:flex}}.Project_project__kRz4n{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em .3em}.Project_stack-container__tnH3p{font-size:.7em;list-style:none;margin:2em 0;max-width:550px;padding:0;text-align:left}.Project_project__kRz4n:nth-of-type(2n){background-color:#f8f0d6}.Project_project-info-image-container__\+f1Iq{display:flex;flex-direction:column-reverse}.Project_project-image-container__QfaFI,.Project_project-info-container__g3U-z{align-self:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding-top:3em;width:95%}.Project_project-info-container__g3U-z{padding-left:2em}.Project_project-image__9IPET{--max-width:400px;border-radius:12px;height:auto;margin:0 auto .2em;max-width:var(--max-width);object-fit:cover;width:100%}.Project_project-title__cPYc6{align-self:flex-start;display:inline-block;font-size:2.25em;line-height:1.1;margin:1.5rem 1rem 1rem;position:relative;z-index:10}.Project_project-description__aoRR3{font-size:1.2em;line-height:1.4;margin-bottom:2.5em;margin-right:0;width:90%}.Project_project-stack__NHSnL{background-color:var(--color-dark);border-radius:3px;color:var(--color-light);display:inline-block;font-size:1.2em;font-weight:700;letter-spacing:.5px;margin:0 .6em .8em 0;padding:.3em 2em}.Project_project-links-container__hEUk-{align-items:center;display:flex;flex-direction:column}.Project_project-links__wkEYx{background-color:var(--color-highlight);color:var(--color-light);font-size:1.1em;font-weight:700;letter-spacing:1px;margin-bottom:1em;padding:.75em 1.5em;text-align:center;text-decoration:none;width:150px}.Project_project-links__wkEYx:active,.Project_project-links__wkEYx:hover{color:var(--color-dark)}.Project_project-image__9IPET:focus,.Project_project-image__9IPET:hover,.Project_project-links__wkEYx:active,.Project_project-links__wkEYx:hover{box-shadow:14px 12px 11px 3px #7b7676bf;transition:box-shadow .4s ease-in-out}@media (min-width:800px){.Project_project-title__cPYc6{align-self:flex-start;margin-left:7rem}.Project_project-info-image-container__\+f1Iq{flex-direction:row;justify-content:space-around}.Project_project-image-container__QfaFI,.Project_project-info-container__g3U-z{max-width:650px}.Project_project-image-container__QfaFI{align-self:flex-start;display:flex;flex-direction:column;padding-top:2em}.Project_project-image__9IPET{--max-width:500px}.Project_project-links-container__hEUk-{align-self:center;flex-direction:row;justify-content:space-around;margin-top:1em;width:90%}}.contact-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.form-container{margin:0 auto;max-width:500px;padding:0}.form--display-container{align-self:center}.form--display-container h3{text-align:center}.form{width:100%}.form-page-title{font-size:2em}.form-info{margin-bottom:2em}.form-info:first-of-type{margin:1em 0 .3em}.input-container{margin-bottom:1em}.input-container:last-of-type{margin:2.5em 0}.form-input{background-color:var(--color-dark);border:none;border-radius:40px;color:var(--color-light);font-family:Inter,sans-serif;margin-bottom:.2em;padding:.8em 1.3em;width:100%}.message{border-radius:10px;min-height:200px;width:100%}::placeholder{color:#f1fdff99}.contact-form-btn,.form-btn-submit{border:none;border-radius:6px;color:var(--color-light);cursor:pointer;font-weight:700;margin:0 auto;max-width:500px;padding:1em 2em;width:100%}.contact-form-btn{background-color:var(--color-dark);display:block;margin:2em auto;width:150px}.form-btn-submit{background-color:var(--color-highlight);margin:0 0 1.5em}.contact-form-btn:focus,.contact-form-btn:hover,.form-btn-submit:focus,.form-btn-submit:hover{box-shadow:6px 19px 17px -15px #262626ab}.form-btn-submit:focus,.form-btn-submit:hover{background-color:var(--color-dark);outline:none}.error-message{color:red;font-size:.7em;padding:0 1em}.blog{min-height:100vh;padding:5em 2em 3em;width:100vw}.posts-list{column-gap:2rem;display:flex;flex-direction:column;margin:auto;max-width:80vw;row-gap:4rem}.post{max-width:40rem;min-width:30rem}.page-title{margin-bottom:8rem}.back-button{cursor:pointer;display:block;margin:10rem 0;padding:.5rem 1rem}.post-content{margin:auto;width:100%}@media (min-width:768px){.post-content{margin:auto;width:90vw}.posts-list{flex-direction:row}}.header{background-color:var(--color-dark-2);border-bottom:1px solid var(--color-highlight);display:flex;height:75px;place-content:center;position:fixed;width:100%;z-index:950}.header-content-wrapper{align-items:center;display:flex;justify-content:space-between;width:95%}.nav{background:var(--color-dark);bottom:50%;left:60%;opacity:0;position:fixed;right:0;top:75px;transform:translateY(-140%);transition:opacity .5s ease;z-index:900}.nav-logo{height:30px;margin-left:1em;padding:0;width:30px}.sticky .header{border-bottom:3px solid var(--color-highlight);box-shadow:6px 19px 17px -15px #262626ab}.logo-nav{height:40px;width:auto}@media (min-width:768px){.logo-nav{height:60px}.footer-logo{height:80px}}.nav-list{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;list-style:none}.nav-link{color:var(--color-light);font-size:1.5rem;font-weight:700;text-decoration:none}.menu-icon{background:#0000;cursor:pointer;height:20px;padding:0;position:relative;right:1em;width:2rem;z-index:1000}.nav-open .menu-icon{right:2em}.hamburger{display:block;position:absolute;right:0;top:50%}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute;right:0}.hamburger,.hamburger:after,.hamburger:before{background-color:var(--color-light);border-radius:.5em;height:4px;transition:transform .25s ease-in-out;width:2rem}.nav-open .hamburger,.nav-open .hamburger:after,.nav-open .hamburger:before,.sticky .hamburger,.sticky .hamburger:after,.sticky .hamburger:before{background-color:var(--color-light)}.hamburger:after{top:8px}.hamburger:before{bottom:8px}.nav-open .nav{opacity:1;transform:translateY(0)}.nav-open .menu-icon{position:fixed}.nav-open .hamburger{transform:rotate(135deg)}.nav-open .hamburger:before{opacity:0}.nav-open .hamburger:after{transform:rotate(90deg) translateX(-8px)}.nav-open .nav-list{margin:0;padding:0}.nav-list li a:hover,.nav-open .nav-list li a:active{color:var(--color-highlight);-webkit-text-decoration:3px underline var(--color-highlight);text-decoration:3px underline var(--color-highlight);text-underline-offset:8px}.footer{background-color:var(--color-dark-2);color:var(--color-light);justify-content:space-between;letter-spacing:2px;min-height:30vh;overflow:hidden;padding:2em 0 0;width:100%}.footer,.footer-nav-container{display:flex;flex-direction:column}.footer-nav-container{justify-content:space-around;padding:0;width:100vw}.footer-nav-links{border-bottom:1px solid var(--color-light);display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:2em 1em}.footer-nav-list{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;padding:0;text-align:left}.footer-nav-list>li{display:inline;padding:1em;width:50%}.footer-nav-list>li:last-of-type{padding-bottom:0}.footer-social-media-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:2em}.footer-social-media-text{text-wrap:nowrap;font-size:1.3em;padding:0 0 0 .2em}.footer-nav-list-icons{display:flex;list-style:none;padding:0;place-content:center}.footer-nav-list-icons>li{padding-right:3em}.copyright{align-items:center;color:var(--color-light);display:flex;flex-direction:column;gap:1.5em;justify-content:center;padding:2em 0}.copyright-info{padding:0 1em 1em}.footer-logo-container{display:flex;justify-content:center;padding:.3em;width:100%}.footer-logo{height:80px;object-fit:contain}.footer-nav-link{font-weight:700;text-align:left}.footer-nav-link,.footer-nav-link:focus,.footer-nav-link:hover{color:var(--color-light);text-decoration:none}.footer-social-icon{width:20px}@media (min-width:1100px){.hero-content-wrapper{margin:0 auto;max-width:1100px}}@media (min-width:800px){.header{align-items:center}.menu-icon{display:none}.nav{background:#0000;bottom:0;left:0;opacity:1;padding:0 3em 0 1em;position:static;right:0;top:0;transform:translateX(0);transition:.3s ease-in-out}.nav-logo{margin-left:3em}.nav-list{align-items:center;flex-direction:row;justify-content:space-around;margin:0}.nav-link{color:var(--color-light);font-weight:700;padding:0 1em;text-decoration:none;text-underline-offset:8px}.nav-link:hover{-webkit-text-decoration:3px double var(--color-highlight);text-decoration:3px double var(--color-highlight)}.footer{font-size:.7em}.footer-nav-container{flex-direction:row;justify-content:space-around;padding:1em 0 3em}.footer-nav-links{border:none;width:33%}.footer-social-media-text{width:60%}}
/*# sourceMappingURL=main.67b86ad5.css.map*/