:root{--font-color: #0d150a;--bg-color: #f7fbf5;--primary: #67bf4b;--secondary: #9fdd8b;--accent: #84da68}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--bg-color)}h1{font-size:clamp(1.5rem,2.5vw + .25rem,2rem)}.header-wrapper{display:flex;flex-direction:column}.header-container{display:flex;padding:clamp(.5rem,3vw + .1rem,1rem) clamp(1.1rem,5vw + .1rem,3rem)}.home-button{flex-grow:1;flex-shrink:1;flex-basis:0}.nav{display:flex;justify-content:end;align-items:center;gap:clamp(.5rem,5vw,3rem);flex-grow:1;flex-shrink:1;flex-basis:0}.nav a,.home-button{color:var(--font-color);text-decoration:none;font-size:1.2rem}.hamburger-button{display:none}.hamburger-button span{height:.4rem;width:100%;background-color:var(--primary);border-radius:.2rem}@media(max-width:40rem){.hamburger-button{display:flex;flex-direction:column;width:min(2.25rem,10%);cursor:pointer;gap:.3rem}.nav{display:none;flex-direction:column}.nav{background-color:var(--primary)}}.mobile-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary);padding:1rem 0}.mobile-nav a{color:var(--font-color);text-decoration:none;font-size:1.2rem;width:100%;text-align:center}@media(min-width:40rem){.mobile-nav{display:none}}.hero-container{display:flex;gap:clamp(.1rem,2vw + .1rem,2rem);padding:0 clamp(.3rem,5vw + 1.5rem,8rem)}.left-hero{display:flex;width:60%;flex-direction:column;justify-content:center;align-items:flex-start;gap:min(1rem,1vw)}.hero-intro,.hero-description{color:var(--font-color);line-height:1.5}.hero-name{color:var(--primary);font-weight:700}.right-hero{width:40%}.hero-picture{max-width:100%;border-radius:20%}h2.hero-description{font-size:clamp(1rem,1.5vw + .4rem,1.5rem)}@media(max-width:45rem){.left-hero,.right-hero{width:auto}}@media(max-width:35rem){.hero-container{flex-direction:column;align-items:center}.right-hero{width:90%}}.footer{display:flex;flex-direction:column;background-color:var(--accent);padding:1rem;gap:1rem}@media(max-width:48rem){.footer-margin{margin-left:2rem;margin-right:2rem}}.contact-header{text-align:center}.logo-container{display:flex;justify-content:space-evenly;align-items:center}.linkedin-logo,.github-logo,.email-logo{height:4rem;width:4rem}.linkedin,.github,.email{max-width:100%}.side-project-container{display:flex;flex-direction:column;gap:2rem}.side-project-header{text-align:center}.project-container{display:flex;align-items:center;padding:0 clamp(.3rem,5vw + 1.5rem,8rem);gap:2rem}.project-image-wrapper{flex:1;width:100%;aspect-ratio:16 / 9;border-radius:.25rem;border:.5rem solid var(--accent);box-shadow:0 1.1rem 1.5rem #00000040}.visual-media{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;box-shadow:0 14px 24px #00000040}.project-description{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1}.project-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.project-links{display:flex;gap:5rem;margin-top:1rem}.project-links a{text-decoration:none;color:var(--font-color);font-weight:700;padding:.5rem 1rem;border:1px solid var(--primary);border-radius:1rem}.project-links a:hover{background-color:var(--primary);transition:all .3s ease-in-out}@media(max-width:35rem){.project-container{display:flex;flex-direction:column;padding-bottom:1rem;border-bottom:1px solid var(--accent)}}.home-page-container{display:flex;flex-direction:column;gap:2rem}.heading,.programming-language-heading,.front-end-heading,.back-end-heading,.other-heading{text-align:center}.skills-content{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-self:center;gap:1rem}.skill-item{padding:.5rem 1rem;border:1px solid var(--primary);border-radius:1rem}.skills-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.programming-languages-content,.front-end-content,.back-end-content,.other-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.programming-languages-container,.front-end,.back-end,.other{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.calculator-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.calculator-header{text-align:center;padding:1rem;margin-bottom:3rem}.calculator-margin-wrapper{margin-left:20rem;margin-right:20rem}.number-field{text-align:center;border:.1rem solid black;padding:1rem;font-size:2rem}.calculator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;background-color:#8a2be2;padding:1rem}.button{background-color:#f1f1f1;border:.1rem solid black;font-size:2rem;text-align:center;border-radius:25%;height:3rem}.ProjectDescriptionListContainer{margin-left:3rem;margin-bottom:3rem}.tictactoe-header{text-align:center;margin-bottom:1rem}.tictactoe-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.grid1{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.square{background-color:#ffffff46;font-size:2rem;width:5rem;height:5rem}.status{font-size:1.5rem;margin-bottom:1rem}.reset-button{font-size:1.5rem;background-color:#ff676746;width:10rem;height:2rem;margin-bottom:1rem}.todo-header{text-align:center;font-size:3rem;margin-bottom:2rem}.todo-form,.todo-task{display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.todo-input{font-size:1.6rem;padding:1rem;border:.125rem solid black;border-radius:.5rem;color:#0b0b0b}.add-button{font-size:1.6rem;padding:1rem;border:.125rem solid black;border-radius:.5rem;background-color:green;color:#fff;cursor:pointer;transition:background-color .5 ease}.add-button:hover{background-color:#00c600}.delete-button{font-size:1.6rem;background-color:#c61b1b;border-radius:.5rem;padding:1rem}.delete-button:hover{background-color:red}.task-container{font-size:1.6rem;background-color:#f7f7f7;margin-bottom:1rem;border:.2rem solid hsla(0,0%,85%,.75);border-radius:.5rem;width:40rem;display:flex;align-items:center;justify-content:center}.task-description{font-size:1.6rem;padding-left:1rem;flex:1}.content-wrapper{margin-left:10px;margin-right:10px}.movie-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.movie-child{padding-right:10px;padding-top:10px;padding-bottom:10px}.movie-child:hover{cursor:pointer}.stopwatch-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.experience-work-container{display:flex;justify-content:space-between;gap:3rem;margin:0 8rem}.education-container,.experience-container{flex:1}.card-container{padding-left:1rem;border-left:.2rem solid var(--primary)}.experience-header,.education-header{margin-bottom:1rem;color:#000}.card{padding:1rem;margin-bottom:1rem;border:.1rem solid var(--secondary)}.experience-list-container{list-style:none}@media(max-width:48rem){.experience-work-container{flex-direction:column;gap:1rem;margin-left:2rem;margin-right:2rem}}.education-page-container{display:flex;flex-direction:column;gap:2rem}