/*! 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}*{box-sizing:border-box}:root{--header-height: 70px;--max-screen-width: 1000px;--section-gap: 50px;--section-bg: #F8FAFC;--max-content-width: 700px;--tagline-bg: #ECFEDC;--charcoal-color: #36454F;--onyx-color: #353935}html,body,#root{height:100%;display:grid;grid-template-rows:1fr auto}.textLogo{cursor:pointer;width:15%}.textLogo:hover{transform:scale(1.03);transition:transform .2s ease}h1,h2,h3,h4{font-family:"DM Serif Text",serif;font-weight:400}p,li,button,span,a,input,textarea{font-family:Schibsted Grotesk,serif;line-height:1.3em}section,div{scroll-margin-top:var(--header-height)}.header-container{width:100%;background-color:#fff;position:sticky;top:0;z-index:2000}header,.hero-section,.tech-stacks-section{max-width:var(--max-screen-width);margin:0 auto;padding:0 10px}header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:20px 10px}button,.header-cta-button{padding:10px 20px;border-radius:5px;border:none;background-color:#000;color:#fff;cursor:pointer}button:hover,.verify-certificate-button:hover{transform:scale(1.02);background-color:maroon;transition:transform .2s ease}header div{width:85%}.main-nav,.nav-list{display:flex;align-items:center;justify-content:space-between}.nav-list{list-style:none;width:75%}.nav-list-and-button{display:flex;justify-content:space-between}.hero-section,.tech-stacks-section,.projects-section,.about-me,.work-experience-section,.testimonials-section,.certification-section-div,.contact-section,.errorPage{max-width:var(--max-content-width);padding-top:clamp(3vw,5vw,3vw);margin:0 auto}.tech-stacks-section-div,.about-me-container,.testimonials-section-div{max-width:100%;background-color:var(--section-bg);margin-top:var(--section-gap)}.hero-section h1{font-size:clamp(2em,5vw,2.8em)}.hero-section p{font-size:1.2em}.tech-stacks-section{padding-top:var(--section-gap)}.hero-section h1,.hero-section p,.hero-section h2,.projects-section h2,.tech-stacks-section h2,.tech-stacks-section p,.projects-section p,.about-me h2,.about-me p,.about-me-tech-stacks h3,.work-experience-section h2,.testimonials-section h2,.testimonials-section p,.each-testimonial-div h3,.certification-section-div h2,.certification-section-div h3,.certification-section-div p,.errorPage,footer p{text-align:center}.hero-section button{display:block;margin:20px auto;font-size:1.3em}.hero-section .tagline{background-color:var(--tagline-bg);width:max-content;margin:0 auto;color:green;padding:5px 20px;border-radius:20px;border:1px solid green}.nav-mobile{justify-self:flex-end;width:10%;padding-right:10px}.nav-mobile img{width:35px}.hide-hamburger{display:none}.main-nav{display:flex;justify-content:space-between;width:100%}.header-cta-button{justify-self:flex-end}.nav-list li:hover,.header-cta-button:hover{cursor:pointer;transform:scale(1.03);transition:transform .2s ease}.nav-list li:hover{font-weight:500}.social-icons{display:flex;justify-content:center;justify-items:center;gap:20px;margin-top:15px}.social-icons img{width:25px;display:block}.social-icons img:hover{transform:scale(1.03);cursor:pointer}.hero-section h2{padding-top:var(--section-gap);padding-bottom:20px}.tech-stacks-section{padding-bottom:var(--section-gap);border-radius:10px;padding-top:10px}.tech-stacks-section h2,.tech-stacks-section p{color:#000}.tech-stacks-section p{padding-bottom:20px}.tech-logos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.tech-logos img{height:25px}.tech-logos div{display:flex;background-color:#f8f8f8;align-items:center;gap:5px;height:fit-content;padding:5px;border-radius:5px;box-shadow:2px 2px 5px #0003,-2px -2px 5px #ffffffb3}.tech-logos h4{padding:0;margin:0}.projects-section{margin:0 auto;z-index:5}.each-project-div,.each-work-experience-div,.each-certification-div{position:relative;padding:20px 10px;border-radius:10px;margin:20px 10px;background-color:#fff;box-shadow:1px 2px 5px #0003,-1px -2px 5px #ffffffb3}.each-certification-div{position:relative;z-index:1;width:100%;min-height:540px;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr auto auto}.each-project-div h2{padding-top:10px}.project-ongoing-status{position:absolute;right:0;padding:2px 10px;color:var(--charcoal-color);margin:0 10px;background-color:var(--tagline-bg);border-radius:10px;box-shadow:1px 2px 5px #0003,-1px -2px 5px #ffffffb3}.project-screenshot{display:block;width:80vw;max-width:calc(.8 * var(--max-content-width));margin:20px auto}.project-cta img{height:30px}.each-project-ctas{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.project-cta p{color:#000}.project-cta{display:flex;gap:10px;align-items:center;background-color:var(--tagline-bg);box-shadow:2px 2px 5px #0003,-2px -2px 5px #ffffffb3;width:max-content;padding:0 10px;border-radius:10px;cursor:pointer;transition:transform .2s ease}.project-cta:hover{transform:scale(1.03)}.circle-bg{position:relative;height:30vw;width:30vw;position:absolute;z-index:-10;border-radius:50%;background-color:var(--section-bg);top:1200px}.about-me-container{padding-bottom:20px}.about-me p,.work-experience-section li,.testimonial-review-texts,.each-certification-div p{color:var(--onyx-color)}.about-me-pic-and-description{display:flex;gap:20px;align-items:center}.about-me-pic-and-description img{display:block;width:45%;margin:0 auto;border-radius:10px}.about-me-pic-and-description p{text-align:left;padding:0 10px}.about-me-read-more-button,.work-experience-view-more-button{display:block;margin:20px auto}.about-me-tech-stacks{width:70%;margin:0 auto;padding:10px 20px;border-radius:10px;background-color:#fff;box-shadow:1px 2px 5px #0003,-1px -2px 5px #ffffffb3}.about-me-tech-stacks p{text-align:left}.about-me-tech-stacks span{font-weight:600}.divider{margin:15px auto;border:1px solid var(--charcoal-color);width:80%}.each-work-experience-div{padding:20px}.each-work-experience-div li{list-style:none;line-height:1.3em;margin-bottom:15px}.work-experience-date{font-size:.9em;color:var(--charcoal-color)}.work-company{color:#353935}.testimonial-quotes{width:30px}.testimonial-quotes.end{position:relative;left:95%}.testimonials-section{padding:20px 10px;position:relative}.each-testimonial-div{background-color:#fff;padding:20px;border-radius:10px;box-shadow:1px 2px 5px #0003,-1px -2px 5px #ffffffb3;margin-bottom:20px}.testimonials-section p{padding-bottom:10px}.author-name,.author-role,.author-linkedin{margin-bottom:10px}.author-role{margin-top:17px}.author-role,.author-linkedin{color:var(--charcoal-color)}.author-linkedin{display:block;text-align:center;cursor:pointer;text-decoration:none}.author-linkedin:hover,.linkedin-icon:hover{transform:scale(1.03);font-weight:500;color:#000}.linkedin-icon{width:25px;height:25px}.connect-on-linkedin-div{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:-10px}.certificate-image{position:relative;max-width:100%;display:block;margin:10px auto}.certification-section-div{height:max-content;position:relative}.certification-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.verify-certificate-button{display:block;color:green;text-decoration:underline;max-width:fit-content;padding:10px 15px;border-radius:5px;cursor:pointer;margin:10px auto}.verify-certificate-button:hover{background-color:inherit;font-weight:500}.show-certification-description-button{display:block;margin:0 auto}.each-certification-div h3{padding:0;margin:0}.each-certification-div p{margin:10px 0;line-height:1.3em}.contact-section{padding-bottom:30px}.contact-section h2,.contact-subhead{text-align:center;padding:10px 20px}.contact-subhead{color:var(--onyx-color);padding-top:0;font-size:1.3em}.asterisk-required{color:red}.contact-form{margin:10px auto;width:50%;padding-bottom:20px;position:relative}.contact-form input,.contact-form textarea,.contact-form button{display:block;margin:0 auto;width:100%;border-radius:5px}.contact-form input,.contact-form textarea{border:1px solid var(--charcoal-color);color:var(--onyx-color)}.contact-form p{text-align:left;margin-bottom:3px}.contact-form button{margin:20px auto}.contact-form input{height:6vh}.contact-form textarea{height:20vh}.contact-confirmation-message,.contact-error-notif{text-align:center;font-size:1.5em;padding:10px 20px;background-color:var(--tagline-bg);width:max-content;margin:10px auto;border-radius:10px;box-shadow:2px 2px 5px #0003,-2px -2px 5px #ffffffb3;position:relative;width:90%}.contact-error-notif{font-size:1em;background-color:maroon;color:#fff;position:relative;width:90%}.errorPage{margin:20px auto}.circle-position-a{right:80px;top:100px;height:10vw;width:10vw;min-height:150px;min-width:150px}.circle-position-b{left:80px;top:200px;height:30vw;width:30vw;max-width:250px;max-height:250px}.circle-position-c{right:10px;top:300px;height:50vw;width:50vw;max-width:400px;max-height:400px}footer{padding:20px 0}footer p{color:var(--onyx-color)}@media (max-width: 910px){.main-nav{display:none}.nav-list{flex-direction:column;align-items:center;gap:1rem;justify-content:center;padding:0;margin:0;font-size:1.5rem}.open{position:fixed;height:calc(100vh - var(--header-height));opacity:1;pointer-events:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:1;top:var(--header-height);left:0;flex-direction:column}.nav-list-and-button{flex-direction:column;align-items:center;justify-content:center;gap:15px}.header-cta-button{font-size:1.5rem}.about-me-pic-and-description{flex-wrap:wrap}.about-me-pic-and-description p{text-align:center}.about-me-tech-stacks{width:90%}.certification-container{grid-template-columns:auto}.each-certification-div{width:90%}.certificate-image{width:80vw;height:max-content}.contact-form{width:90%}.project-liveApp-button{padding:18px 40px}.textLogo{width:25%}}@media (min-width: 911px){.nav-mobile{display:none}header div{margin:0 auto}}
