:root{--theme-color-light:#3880F3;--theme-color-dark:#6AD539;--header-height:87px}html{scroll-behavior:smooth}*,*::before,*::after{box-sizing:border-box}body{font-family:'Poppins',sans-serif;margin:0;padding:0;background-color:#ffffff;color:#000000;display:flex;flex-direction:column;min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}#home,#education{width:90vw}#skills,#certifications,#contact{width:70vw}header{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#000000;top:0;left:0;position:fixed;z-index:1000;width:100%;background-color:#ffffff}header.dark-theme{background-color:#1e1e1e}.logo{height:2rem;width:auto}.nav-slider-container{display:flex;align-items:center;margin-left:auto;justify-content:flex-end;flex-grow:1}main{flex:1;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:20px 0;padding-bottom:80px;padding-top:95px}main section h1{text-align:center;font-weight:400;font-size:2.5rem;margin:1rem 0}.selected-section{position:relative;top:0}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 20px}.intro-text{width:100%;text-align:center;opacity:0;transform:translateY(20px);animation:appear-from-bottom 1s forwards}.intro-text h1{font-size:2.5rem;margin-bottom:1rem}.intro-text p{font-size:.5rem}.intro-text p:first-of-type,#dynamic-text{display:block;width:100%;text-align:center}.hero-image{width:50%;text-align:center;margin-bottom:1rem;padding-top:1rem}.hero-image img{width:100%;height:auto}.hamburger-menu{display:block;font-size:2.5rem;background:none;border:none;cursor:pointer;color:var(--theme-color-light)}.dark-mode-image{display:none}.nav-menu{display:none;flex-direction:column;align-items:flex-start;position:absolute;top:var(--header-height);width:fit-content;right:0;padding:.5rem}.nav-menu.active{display:flex;flex-direction:column}.nav-menu.active ul{list-style:none;margin:0;padding-left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.nav-menu.active ul li{padding:.5rem;text-decoration:none;align-items:center}.nav-menu.active ul li a{font-size:1rem;text-decoration:none;transition:font-size .3s,border-bottom .3s}.nav-menu.dark-theme{background-color:#1e1e1e}.nav-menu.dark-theme ul li a:hover{color:var(--theme-color-dark);border-bottom:4px solid var(--theme-color-dark)}.nav-menu.light-theme{background-color:#ffffff}.nav-menu.light-theme ul li a:hover{color:var(--theme-color-light);border-bottom:4px solid var(--theme-color-light)}.skills-card-container{display:grid;grid-template-columns:1fr;gap:.5rem}.skills-card-container .skills-card{grid-column:1 / -1}.skills-card{border:1px solid #ccc;padding:1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;margin:1rem 0}.skills-card h2{margin-top:0;padding-bottom:.5rem;border-bottom:1px dotted #ccc;font-weight:400;font-size:1.5rem}.skills-card-content{display:flex;flex-wrap:wrap;gap:1rem}.skills-card-content img{width:2rem;height:2rem;position:relative;cursor:pointer}.skills-card-content img::after{content:attr(alt);position:absolute;top:-2rem;left:0;background-color:rgba(0,0,0,.7);color:#fff;padding:2px 5px;border-radius:3px;font-weight:bold;display:none;white-space:nowrap}.skills-card-content img:hover::after{display:block}footer{text-align:center;padding:1rem;background-color:#f1f1f1;position:fixed;width:100%;bottom:0}footer p{margin:0;color:#000000;font-size:.8rem}.footer-logo{height:.8rem;width:auto}.certifications-card-container{display:grid;grid-template-columns:1fr;gap:1.5rem}.certifications-card{display:flex;flex-direction:column;padding:1rem;border:1px solid #ccc;border-radius:5px}.certifications-card .certifications-card-content{display:flex;align-items:center;margin-bottom:.5rem}.certifications-card-logo{flex:0 0 30%;max-width:30%;height:auto}.certifications-card-name{flex:0 0 70%;max-width:70%;font-size:1rem;margin-bottom:auto;text-align:center}.certifications-card-links{display:flex;justify-content:right;gap:1rem}.certifications-card-link{text-decoration:none;font-size:.5rem;padding:.2rem .5rem;border-radius:1rem;transition:background-color .3s ease,color .3s ease,border .3s ease}.certifications-card-solid-button.light-theme{background-color:var(--theme-color-light);color:#ffffff;border:1px solid transparent}.certifications-card-solid-button.light-theme:hover{background-color:#0056b3}.certifications-card-hollow-button.light-theme{background-color:transparent;color:var(--theme-color-light);border:1px solid var(--theme-color-light)}.certifications-card-hollow-button.light-theme:hover{background-color:#0056b3;color:white}.certifications-card-solid-button.dark-theme{background-color:var(--theme-color-dark);color:#000000;border:1px solid transparent}.certifications-card-solid-button.dark-theme:hover{background-color:#4CAF50}.certifications-card-hollow-button.dark-theme{background-color:transparent;color:var(--theme-color-dark);border:1px solid var(--theme-color-dark)}.certifications-card-hollow-button.dark-theme:hover{background-color:#4CAF50;color:#000000;border:none}.education-details{position:relative;margin:0;padding:0}.education-details-title{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;margin-bottom:0;margin-top:0}.toggle-icon{cursor:pointer}.toggle-icon svg{width:3rem}.caret-right path{fill:var(--theme-color-light)}.caret-up path{fill:var(--theme-color-light)}body.dark-theme .caret-right path{fill:var(--theme-color-dark)}body.dark-theme .caret-up path{fill:var(--theme-color-dark)}.education-details-content{max-height:0;overflow:hidden;transition:max-height 1s ease-out,opacity 1s ease-out;opacity:0;padding-left:.5rem}.education-details-content.show{max-height:fit-content;opacity:1}.education-card-container{display:flex;flex-direction:column;gap:1rem}.education-logo img{max-width:100px;height:100px;object-fit:contain;margin-bottom:1rem}.education-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}.education-degree-title{font-size:1.5rem;margin:0;border-bottom:1px dotted #ccc;width:100%}.education-card{display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid #ccc;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:1rem}.eduction-button-row{display:flex;justify-content:center;gap:1rem;align-items:center;width:100%}.education-grade-duration,.education-grade-gpa{margin-top:.5rem}.education-grade-duration,.education-grade-gpa p{margin:0}.education-details-link{text-decoration:none}.education-details-link:hover{text-decoration:underline}.visit-website-btn{display:inline-block;border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;transition:background-color .3s,color .3s;text-decoration:none;text-align:center}.visit-website-btn.light-theme{background-color:var(--theme-color-light);color:#fff}.visit-website-btn.light-theme:hover{background-color:#0056b3}.visit-website-btn.dark-theme{background-color:var(--theme-color-dark);color:#000}.visit-website-btn.dark-theme:hover{background-color:#4CAF50}.view-transcript-link{margin-left:auto;text-decoration:none;display:inline-block;text-align:center;padding:.5rem 1rem;font-size:1rem;border-radius:2rem}.view-transcript-link.light-theme{border:1px solid var(--theme-color-light)}.view-transcript-link.dark-theme{border:1px solid var(--theme-color-dark)}.view-transcript-link.light-theme,.education-details-link.light-theme{color:var(--theme-color-light)}.view-transcript-link.dark-theme,.education-details-link.dark-theme{color:var(--theme-color-dark)}.view-transcript-link.light-theme:hover{background-color:#0056b3;color:#ffffff;border:#0056b3}.view-transcript-link.dark-theme:hover{background-color:#4CAF50;color:#000000;border:#4CAF50}.view-transcript-link.dark-theme,.education-details-link.dark-theme{color:var(--theme-color-dark)}@media (min-width:1024px){#home{width:70vw}#education{width:60vw}#skills,#certifications,#contact{width:80vw}.logo{height:2.5rem;width:auto}.nav-menu{display:flex;position:static;flex-direction:row;background-color:transparent;width:auto}.nav-menu ul{list-style:none;margin:0;padding:0;display:flex}.nav-menu ul li{margin-left:1rem}.nav-menu ul li a{color:#000000;font-size:1.3rem;text-decoration:none;padding:5px 10px;transition:font-size .3s,border-bottom .3s}.nav-menu ul li a:hover{color:var(--theme-color-light);border-bottom:4px solid var(--theme-color-light)}.dark-mode-image{display:block}.hamburger-menu{display:none}.hero{flex-direction:row;align-items:center;justify-content:space-between}.intro-text{width:70%;text-align:left;margin-left:2rem}.intro-text h1{text-align:left;font-size:4rem}.intro-text p{font-size:1rem}#dynamic-text{font-size:x-large}.intro-text p:first-of-type,#dynamic-text{display:inline;width:auto;text-align:left}.hero-image{width:50%;text-align:right;margin-bottom:0}main section h1{font-size:4rem}.education-card{flex-direction:row;align-items:flex-start}.education-logo{align-self:center}.education-logo img{flex:0 0 30%;max-width:200px;height:200px;margin-bottom:0;padding:1rem}.education-content{align-items:flex-start;width:70%}.eduction-button-row{justify-content:flex-end;width:100%}.skills-card-container{grid-template-columns:repeat(2,1fr);gap:1rem}.skills-card-container .skills-card:nth-child(1),.skills-card-container .skills-card:nth-child(2){grid-column:span 1}.skills-card-container .skills-card:nth-child(3),.skills-card-container .skills-card:nth-child(4){grid-column:1 / -1}.skills-card h2{font-size:2rem}.skills-card-content img{width:4rem;height:4rem}.skills-card-content img::after{top:-1.5rem}.svg-label{font-size:1rem!important}.svg-container:hover .svg-label{top:4rem}.certifications-card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.certifications-card-logo{height:70%;width:auto}.certifications-card-name{font-size:2rem}.certifications-card-link{text-decoration:none;font-size:1rem;padding:.5rem 1rem;border-radius:2rem;transition:background-color .3s ease,color .3s ease,border .3s ease}footer{text-align:center;padding:1.25rem;background-color:#f1f1f1;position:fixed;width:100%;bottom:0}footer p{margin:0;color:#000000;font-size:1.25rem}.footer-logo{height:1.25rem;width:auto}}.hero-mask.light-theme .hero-mask-path{fill:var(--theme-color-light)}.hero-mask.dark-theme .hero-mask-path{fill:var(--theme-color-dark)}@keyframes appear-from-bottom{to{opacity:1;transform:translateY(0)}}body.dark-theme{background-color:#121212;color:#ffffff}header.dark-theme{color:#ffffff}nav ul li a.dark-theme{color:#ffffff}nav ul li a.selected{color:var(--theme-color-light);border-bottom:6px solid var(--theme-color-light)}body.dark-theme nav ul li a.selected{color:var(--theme-color-dark);border-bottom:6px solid var(--theme-color-dark)}nav ul li a:hover.dark-theme{color:var(--theme-color-dark);border-bottom:4px solid var(--theme-color-dark)}footer.dark-theme{background-color:#1e1e1e}footer.dark-theme p{color:#ffffff}.slider-container{display:flex;align-items:center;position:relative;width:60px;height:31px}.theme-switch{opacity:0;width:0;height:0}.slider-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-color-light);transition:.4s;border-radius:30px}.slider-label:before{position:absolute;content:"";height:23.83px;width:23.83px;left:3.67px;bottom:3.67px;background-color:white;transition:.4s;border-radius:50%;background-image:url('../images/common/light-mode.svg');background-size:80%;background-repeat:no-repeat;background-position:center}.theme-switch:checked+.slider-label{background-color:var(--theme-color-dark)}.theme-switch:checked+.slider-label:before{transform:translateX(28px);background-image:url('../images/common/dark-mode.svg')}.image-links{display:flex;justify-content:center;gap:24px}.image-links a{cursor:pointer}.contact-image{width:3rem;height:3rem;color:var(--theme-color-light)}.flex-container{display:flex;justify-content:space-between;align-items:center}.slider-container{display:flex;align-items:center}.contact-me-text{text-align:center;font-size:1.2rem}form{max-width:420px;margin:50px auto}.feedback-input{font-weight:500;font-size:18px;border-radius:5px;line-height:22px;background-color:transparent;border:2px solid var(--theme-color-light);transition:all .3s;padding:13px;margin-bottom:15px;width:100%;box-sizing:border-box;outline:0}.feedback-input:focus{border:2px solid #0056b3}textarea{height:150px;line-height:150%;resize:vertical}[type="submit"]{width:100%;background:var(--theme-color-light);border-radius:5px;border:0;cursor:pointer;color:white;font-size:24px;padding-top:10px;padding-bottom:10px;transition:all .3s;margin-top:-4px;font-weight:500}.feedback-input.light-theme{border:2px solid var(--theme-color-light)}[type="submit"].light-theme{background:var(--theme-color-light);color:#ffffff}[type="submit"].light-theme:hover{background:#0056b3}.feedback-input.dark-theme{border:2px solid var(--theme-color-dark);color:#ffffff}[type="submit"].dark-theme{background:var(--theme-color-dark);color:#000000}[type="submit"].dark-theme:hover{background:#4CAF50}.raised-card{box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;border-radius:10px;transition:box-shadow .3s ease}.raised-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}body.dark-theme .raised-card{box-shadow:0 4px 8px rgba(255,255,255,.1)}body.dark-theme .raised-card:hover{box-shadow:0 8px 16px rgba(255,255,255,.2)}.intro-text p{display:flex;align-items:center;font-size:1.2rem;margin-top:0;margin-bottom:0}#dynamic-text{white-space:nowrap;overflow:hidden;display:inline-block;text-align:left;visibility:visible;font-family:monospace;height:20px;vertical-align:top;line-height:1.25rem;margin-top:5px}body.light-theme #dynamic-text{background-color:var(--theme-color-light);color:#ffffff}body.dark-theme #dynamic-text{background-color:var(--theme-color-dark);color:#000000}.svg-container{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:.5rem}.svg-container img{transition:transform .3s ease}.svg-container:hover img{transform:scale(1.1)}.image-links a{transition:transform .3s ease}.image-links a:hover{transform:scale(1.2)}.svg-label{display:none;position:absolute;top:2rem;font-size:.5rem;padding:2px;border-radius:3px;width:auto;white-space:nowrap}.svg-container:hover .svg-label{display:block}.svg-label.dark-theme{color:var(--theme-color-dark)}.svg-label.light-theme{color:var(--theme-color-light)}@keyframes appearBottomAndFlip{from{transform:translateY(20%) rotateY(180deg);opacity:0}to{transform:translateY(0) rotateY(360deg);opacity:1}}.education-card .education-logo{animation:appearBottomAndFlip 1s ease-out forwards}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.certifications-card-logo{animation:fadeInFromLeft 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.svg-container{animation:fadeIn .5s ease-in forwards}.hamburger-menu.light-theme{color:var(--theme-color-light)}.hamburger-menu.dark-theme{color:var(--theme-color-dark)}