*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth}:root{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:62.5%}body{background-color:#000;background-image:linear-gradient(to right,#000,#121212)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 25rem}.header-toggle-button{display:none;flex-direction:column;justify-content:space-between;height:2.25rem;width:3rem}.header-toggle-button .bar{height:3px;width:100%;background-color:#fff;border-radius:10px}.main-header-container{max-width:20rem;display:flex;justify-content:center;align-items:center}.header-text{font-size:2rem}.header-logo{margin-left:2rem}.navbar-links{display:flex;gap:1rem;margin-right:2rem}.navbar-links>li{list-style:none;border-radius:1.25rem;text-align:center}.navbar-links>li>a{text-decoration:none;color:#fff;font-size:1.6rem;padding:1.25rem;display:block}.navbar-links li:hover{opacity:.6}main{display:flex;flex-direction:column;align-items:center;font-size:1.6rem;padding:5rem 25rem 8rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-container{align-self:stretch;display:flex;align-items:center;gap:3rem;margin-bottom:5rem;opacity:0;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) forwards}.profile-picture{border-radius:50%;height:15rem;width:15rem;object-fit:cover;aspect-ratio:1 / 1}.profile-container h1{margin-bottom:.5rem}.profile-container h2{margin-bottom:.5rem;font-weight:400}@keyframes wave{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(0)}60%{transform:rotate(20deg)}80%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.waving-hand{display:inline-block;animation:wave 1s ease-in-out 2,fadeIn .5s ease forwards;transform-origin:bottom right;opacity:0;animation-delay:1s,1s}.socials-container{display:flex;align-self:stretch;margin-top:1rem;align-items:center;gap:2rem;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) forwards}.socials-container a{text-decoration:none;color:#fff}.socials-container .socials-button{color:#fff;background-color:transparent;border:1px solid white;padding:.5rem 2rem;border-radius:.5rem;text-decoration:none}.socials-container .socials-button:hover{background-color:#555;cursor:pointer}.socials-icon:hover{opacity:.6}.section-2{align-self:stretch;margin-top:3rem;margin-bottom:3rem}.paragraph{font-size:1.6rem;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) forwards}.container{align-self:stretch;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2rem}.skills-container{display:flex;align-items:center;font-weight:700;gap:2rem;background-color:#191919;border:rgba(255,255,255,.2) 1px solid;border-radius:1.25rem;padding:1.5rem;flex:1}.skills-container i{transition:transform .2s ease-in-out}.skills-container i:hover{transform:scale(1.05);filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.experience-section{align-self:stretch;margin-bottom:2rem}.stretch{align-self:stretch;transition:opacity .3s ease}.slider-container{display:flex;align-items:center;justify-content:center;align-self:stretch;background-color:#fff;border-radius:.5rem;margin-top:3.75rem;margin-bottom:1rem}.slider-container>button{flex:1;margin:.3rem;border-radius:.25rem;padding:.3rem;border:none;font-size:1.8rem;transition:background-color .3s ease,color .3s ease}.slider-container>button:hover{cursor:pointer}.toggle-button-not-selected{background-color:#fff;color:#000}.toggle-button-selected{background-color:#191919;color:#fff}.fade-in{opacity:1;transform:translate(0);transition:opacity .2s ease,transform .3s ease}.fade-out{opacity:0;transform:translate(-20px);transition:opacity .2s ease,transform .3s ease}.work-container{align-self:stretch;padding-left:3rem;border-left:1px solid white;border-color:#fff6}.center-text{text-align:center}.center-text>h2{margin-bottom:2rem}.skills-container div{transition:transform .2s ease-in-out}.skills-container div:hover{transform:scale(1.1)}.main-container{display:flex;align-self:stretch;flex-wrap:wrap;gap:3rem}.light-grey-small{color:#d3d3d3;font-size:1.3rem}.spacing{margin-bottom:.5rem}.work-description{margin-left:1.25rem}.project-container{background-color:#191919;border:rgba(255,255,255,.2) 1px solid;border-radius:1.25rem;padding:1.5rem;gap:1.25rem;box-shadow:0 0 10px #000;display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.project-container:hover{transform:scale(1.005);box-shadow:0 10px 20px #fff3}.project-info-container p{font-size:1.3rem}.project-info-container{display:flex;height:100%;flex-direction:column;justify-content:space-around}.tools-container{display:flex;gap:2rem}.tools-container div{display:flex;align-items:center;flex-direction:column}.project-container>img{max-width:35rem}.button-container{display:flex;flex-direction:column;gap:1rem}.button-container>a{color:#fff;background-color:transparent;border:1px solid white;border-radius:.75rem;text-decoration:none;padding-top:1rem;padding-bottom:1rem;font-size:1.3rem;min-width:10rem;text-align:center}.button-container>a:hover{background-color:#555;cursor:pointer}@media (max-width: 930px){.navbar{flex-direction:column;padding:1.5rem;padding-left:0;padding-right:0}.main-header-container{max-width:100%;width:100%;justify-content:space-between;padding-left:2rem;padding-right:2rem}.header-logo{max-width:16rem;margin:0}.header-toggle-button{display:flex}.header-text{margin-left:0}.navbar-links{display:block;max-height:0;width:100%;margin-right:0;opacity:0;overflow:hidden;transition:max-height .25s ease-in-out,margin .25s ease-in-out,opacity .25s ease-in-out}.navbar-links>li>a{padding:1.25rem;margin-bottom:1.5rem}.navbar-links>li{margin-left:2rem;margin-right:2rem}.navbar-links.visible{max-height:20rem;margin-top:2rem;opacity:1;box-shadow:0 1px 1px #fff3}main{margin-top:-.1rem;padding:5rem 2rem 12rem}.profile-container{gap:1.25rem}.profile-picture{width:10rem;height:10rem}.profile-container h1{font-size:1.95rem}.profile-container h2{font-size:1.6rem}.container{grid-template-columns:1fr 1fr;gap:1rem}.skills-container{gap:1rem;padding:1rem}.project-container{flex-direction:column;text-align:center;gap:2rem}.project-info-container{gap:2rem}.project-info-container h3{font-size:2.5rem}.project-info-container p{font-size:1.6rem}.button-container>a{font-size:1.6rem;padding-left:1.5rem;padding-right:1.5rem}.tools-container{justify-content:center}.project-container>img{max-width:100%}.button-container{flex-direction:row}}@media (min-width: 525px) and (max-width: 930px){.profile-container h1{font-size:3rem}.profile-container h2{font-size:2rem}.profile-picture{width:15rem;height:15rem}.container{gap:2rem}}@media (min-width: 650px) and (max-width: 930px){.main-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.container{grid-template-columns:1fr 1fr 1fr;gap:2rem}}@media (min-width: 790px) and (max-width: 930px){.main-header-container{padding-left:8rem;padding-right:8rem}.navbar-links li{margin-left:8rem;margin-right:8rem}main{padding-left:8rem;padding-right:8rem}}@media (min-width: 931px) and (max-width: 1250px){.navbar{padding-left:10rem;padding-right:10rem}main{padding-left:10rem;padding-right:10rem}.project-container>img{max-width:32rem}.project-info-container{gap:0}.project-container{gap:2rem}}@media (min-width: 1000px) and (max-width: 1250px){.navbar{padding-left:13rem;padding-right:13rem}main{padding-left:13rem;padding-right:13rem}}@media (min-width: 1100px) and (max-width: 1250px){.navbar{padding-left:18rem;padding-right:18rem}main{padding-left:18rem;padding-right:18rem}}@media (min-width: 1175px) and (max-width: 1250px){.navbar{padding-left:22rem;padding-right:22rem}main{padding-left:22rem;padding-right:22rem}}@media (min-width: 1300px){.navbar{padding-left:27rem;padding-right:27rem}main{padding-left:27rem;padding-right:27rem}}@media (min-width: 1375px){.navbar{padding-left:29rem;padding-right:29rem}main{padding-left:29rem;padding-right:29rem}}@media (min-width: 1425px){.navbar{padding-left:31rem;padding-right:31rem}main{padding-left:31rem;padding-right:31rem}}@media (min-width: 1475px){.navbar{padding-left:33rem;padding-right:33rem}main{padding-left:33rem;padding-right:33rem}}@media (min-width: 1500px){.navbar{padding-left:36rem;padding-right:36rem}main{padding-left:36rem;padding-right:36rem}}@media (min-width: 1600px){.navbar{padding-left:41rem;padding-right:41rem}main{padding-left:41rem;padding-right:41rem}}@media (min-width: 1700px){.navbar{padding-left:46rem;padding-right:46rem}main{padding-left:46rem;padding-right:46rem}}@media (min-width: 1800px){.navbar{padding-left:51rem;padding-right:51rem}main{padding-left:51rem;padding-right:51rem}}@media (min-width: 1900px){.navbar{padding-left:56rem;padding-right:56rem}main{padding-left:56rem;padding-right:56rem}}@media (min-width: 2000px){.navbar{padding-left:61rem;padding-right:61rem}main{padding-left:61rem;padding-right:61rem}}@media (min-width: 2150px){.navbar{padding-left:65rem;padding-right:65rem}main{padding-left:65rem;padding-right:65rem}}@media (min-width: 2300px){.navbar{padding-left:70rem;padding-right:70rem}main{padding-left:70rem;padding-right:70rem}}@media (min-width: 2450px){.navbar{padding-left:75rem;padding-right:75rem}main{padding-left:75rem;padding-right:75rem}}@media (min-width: 2600px){.navbar{padding-left:85rem;padding-right:85rem}main{padding-left:85rem;padding-right:85rem}}@media (min-width: 2800px){.navbar{padding-left:95rem;padding-right:95rem}main{padding-left:95rem;padding-right:95rem}}@media (min-width: 3000px){.navbar{padding-left:105rem;padding-right:105rem}main{padding-left:105rem;padding-right:105rem}}