: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)}.header-container{display:flex;gap:1rem;padding:1rem 10rem;background:var(--bg-color)}.nav,.home-button{flex:1}.nav{display:flex;justify-content:end;align-items:center;gap:3rem}.nav a,.home-button{color:var(--font-color);text-decoration:none;position:relative;font-size:1.2rem;font-weight:500}@media(max-width:48rem){.header-container{padding:1rem}}.hero-container{display:flex;gap:2rem;margin-left:8rem;margin-right:8rem}.left-hero{display:flex;width:60%;flex-direction:column;justify-content:center;align-items:flex-start}.hero-intro,.hero-description{color:var(--font-color);margin-bottom:1rem;line-height:1.5}.hero-name{color:var(--primary);font-weight:700}.right-hero{width:40%}.hero-picture{width:100%;border-radius:20%}@media(max-width:48rem){.hero-container{flex-direction:column-reverse;margin-left:2rem;margin-right:2rem;margin-bottom:1.5rem;gap:1rem}.left-hero,.right-hero{width:100%;justify-content:center;align-items:center}}.footer{background-color:var(--accent);padding:1rem}.footer-header,.footer-description{padding-bottom:1rem}.footer-margin{margin-left:3rem;margin-right:3rem}@media(max-width:48rem){.footer-margin{margin-left:2rem;margin-right:2rem}}.contact-container{margin-bottom:3rem}.contact-header{text-align:center;margin-bottom:3rem}.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-header{text-align:center;padding-top:2rem;margin-bottom:2rem}.project-container{display:flex;flex-direction:row;margin:0 8rem 3rem;gap:2rem}.project-image-wrapper{width:50%;position:relative;display:flex;align-items:center;justify-content:center;height:100%;border-radius:.25rem;border:.5rem solid var(--accent);box-shadow:0 14px 24px #00000040}.visual-media{width:100%;display:block;position:relative;z-index:1;box-shadow:0 14px 24px #00000040}.project-description{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.project-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.project-links{display:flex;gap:5rem;margin-top:1rem}.home-page-container{display:flex;flex-direction:column;gap:1rem}.home-page-content{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: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}.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}