@import url("https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:Open Sans,sans-serif}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{background-color:#fafafa;height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:hover{cursor:pointer}:root{--cyan:#5fb4a2;--darkblue:#203a4c;--darkgray:#33323d;--gray:#eaeaeb;--lightgray:#fafafa;--red:#f43030}h1{font-size:50px;line-height:50px;letter-spacing:-.446429px}h1,h2{font-family:Ibarra Real Nova;font-style:normal;font-weight:700}h2{font-size:40px;line-height:42px;letter-spacing:-.357143px}h3{font-family:Ibarra Real Nova;font-style:normal;font-weight:400;font-size:32px;line-height:36px;letter-spacing:-.285714px}.body-1{font-size:16px}.body-1,.body-2{font-family:Open Sans;font-style:normal;font-weight:400;line-height:30px}.body-2{font-size:15px}.button-primary{font-family:Open Sans;font-weight:100;font-size:12px;line-height:14px;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fff;background-color:#203a4c;border:none;transition:background-color .1s linear,opacity .1s linear}.button-primary:hover{background-color:#5fb4a2}.button-primary.disabled{background-color:#203a4c;mix-blend-mode:normal;opacity:.2;cursor:not-allowed}.button-secondary{min-width:150px;min-height:50px;font-family:Open Sans;font-weight:100;font-size:12px;line-height:14px;letter-spacing:2px;text-transform:uppercase;color:#33323d;background-color:#fff;border:1px solid #33323d;transition:background-color .1s linear,color .1s linear,opacity .1s linear}.button-secondary:hover{background-color:#33323d;color:#fafafa}.button-secondary.disabled{cursor:not-allowed;mix-blend-mode:normal;opacity:.2}.link{text-decoration:none;color:var(--cyan)}.link:hover{text-decoration:underline;cursor:pointer}textarea{padding:15px}input[type=text],textarea{padding-left:15px;position:relative;background-color:#e3e1e1;resize:none;color:#89898c;border:none}input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#a1a1a6}input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a1a1a6}input[type=text]::placeholder,textarea::placeholder{color:#a1a1a6}input[type=text]:focus,textarea:focus{outline:2px var(--cyan) solid}input[type=text].error,textarea.error{outline:none;border:2px solid var(--red)}#__next{height:100%;background-color:#fafafa}.main{display:flex;height:100%;width:100%;flex-direction:column;justify-content:space-between;align-items:center}.container,.header{width:75%}.header{display:flex;justify-content:space-between;padding:20px 0}a,a:active,a:hover,a:visited{text-decoration:none;color:inherit}.logo{font-family:Open Sans;font-style:normal;font-weight:700;text-transform:uppercase;text-decoration:none;font-size:20px;margin-right:20px}.links{width:300px;display:flex;justify-content:space-between}.links a{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:2px;text-transform:uppercase;color:#33323d;text-decoration:none;transition:color .1s linear}.links a:hover{cursor:pointer;color:#5fb4a2}.links a.active{color:#5fb4a2}.footer{width:100%;height:80px;flex-shrink:0;background-color:#33323d;color:#fff;flex-direction:row;padding-left:12.5%;padding-right:12.5%}.footer,.footer .left{display:flex;justify-content:space-between;align-items:center}.footer .links a{color:#fff}.connections{gap:10px}.connections,.connections a{display:flex;align-items:center}.homepage-hero{width:100%;aspect-ratio:1.4;position:relative;margin-bottom:75px}.greeting{display:flex;flex-shrink:0;flex-direction:column;justify-content:center;gap:30px;width:400px;height:375px;padding:0 7.5px;position:absolute;bottom:0;left:0;background-color:#fafafa}.greeting button{width:200px;height:50px}.about-me{width:100%;display:flex;height:500px;max-height:100%;justify-content:space-between;margin-bottom:75px;gap:35px;flex-direction:row}.profile-picture{position:relative;width:50%;height:100%;flex-shrink:0}.about-info{width:50%;height:100%;display:flex;gap:15px;flex-direction:column;justify-content:space-around}.about-info button{width:200px;height:50px}.resumeWrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:20px}@media (max-width:575px){.resumeWrapper{flex-wrap:wrap;justify-content:center}}.call-to-action{display:flex;flex-direction:column;align-items:center;margin:40px 0;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:30px 0;width:100%}.call-to-action h1{font-size:4vw;line-height:4vw;margin-bottom:15px}.call-to-action button{width:150px;height:50px}.project-container{display:flex;flex-direction:row;width:100%;min-height:400px;margin-bottom:20px;flex-shrink:0;justify-content:space-between}.project-container:nth-of-type(odd){flex-direction:row-reverse}.project-image{width:50%;min-width:200px;position:relative;flex-shrink:0}.project-info{gap:20px;width:40%;flex-direction:column;padding:50px 0}.buttons,.project-info{display:flex;justify-content:flex-start}.buttons{width:100%;gap:10%}.buttons a{width:40%}.buttons button{width:100%}.contact-section{width:100%;min-height:350px;display:flex;flex-direction:row;padding:20px 0}.contact-section>div,.contact-section>h2{width:50%}.contact-section .connections{margin-top:20px}.form{display:flex;flex-direction:column;justify-content:space-around;gap:10px}.form input{height:50px}.form textarea{height:100px}.form input,.form textarea{width:100%;margin-bottom:20px}.form button{width:200px;height:50px}.hero-wrapper{width:100%;position:relative}.details-1{display:flex;flex-direction:row;justify-content:space-between;width:100%}.details-1>div{width:50%;padding:20px 0;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.tags{display:flex;flex-wrap:wrap}.tool-tag{font-size:14px;background-color:var(--cyan);color:#fff;padding:5px;margin:2px;border-radius:5px;display:inline;white-space:nowrap}.project-background{width:100%;margin-bottom:35px}.project-background h3{margin-bottom:15px}.project-background p{margin-bottom:10px}.previews h3{margin-bottom:15px}.previews .preview-wrapper{margin-bottom:10px}.preview-wrapper{position:relative;width:100%;aspect-ratio:1.75}@media (min-width:1400px){.greeting{width:40%;aspect-ratio:1.1;height:unset;padding-top:5%}.greeting h1{font-size:3.5vw;line-height:3.5vw}.greeting button{flex-shrink:0;font-size:1vw;width:50%;height:unset;aspect-ratio:4}}@media (max-width:1200px){.greeting{height:300px}.greeting h1{line-height:40px;font-size:40px}.about-me{justify-content:flex-start}}.hamburger,.hamburger-dropdown{display:none}@media (max-width:1060px){.about-me{flex-direction:column;height:unset;margin-bottom:0}.profile-picture{width:100%;height:500px}.about-info{width:100%}.about-info p{margin-bottom:15px}.project-info{padding:0}.project-info h2{font-size:30px}.project-info p{font-size:14px}}@media (max-width:720px){.header{position:relative}.header .links{display:none}.header .hamburger{display:unset}.header .hamburger:hover{cursor:pointer}.header .hamburger-dropdown.active{z-index:4;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute;right:0;top:50px;width:225px;height:190px;background-color:#33323d;color:#fff}.header .hamburger-dropdown.active a,.header .hamburger-dropdown.active a:active,.header .hamburger-dropdown.active a:hover,.header .hamburger-dropdown.active a:visited{text-decoration:none;color:inherit}.greeting{position:relative;width:100%;height:unset;margin:20px 0}.greeting button{flex-shrink:0}.homepage-hero{margin-bottom:0;width:100%;aspect-ratio:1.7}.call-to-action{flex-direction:column;align-items:center}.call-to-action h1{text-align:center;font-size:40px;line-height:40px}.footer{height:unset;padding:20px 0}.footer,.left{flex-direction:column;align-items:center;gap:20px}.left .logo{margin:0}.left .links{align-items:center;gap:20px}.left .links,.project-container,.project-container:nth-of-type(odd){flex-direction:column}.project-info{width:100%}.project-image{width:100%;aspect-ratio:1;margin-bottom:20px}.details-1{flex-direction:column-reverse}.details-1>div{width:100%;padding:12px 0}.contact-section{flex-direction:column}.contact-section h2{margin-bottom:20px}.contact-section>div,.contact-section>h2{width:100%}}