:root{--color-primary-1: #1B9AAA;--color-secondary-1: #FFE66D;--color-light-1: white;--color-light-2: #f5f1e3;--color-light-3: #DDDBCB;--color-dark-1: black;--color-dark-2: #0f1112;--color-dark-3: rgb(41, 41, 41);--color-dark-4: rgb(120, 120, 120);--color-danger-1: rgb(223, 51, 51)}html{font-family:Livvic,sans-serif;font-weight:400;font-style:normal;scroll-behavior:smooth;overflow-x:hidden}section{scroll-margin-top:10vh;padding-bottom:clamp(20px,2vh,30px)}body{margin:0;color:var(--color-light-2);background-color:var(--color-dark-2)}h1,h2,h3,h4{margin:0}h1{font-size:clamp(2rem,7vw,5rem)}img{max-width:1000px;border-radius:2px}button{font-size:clamp(1rem,1vw,1.5rem);font-weight:500;color:var(--color-dark-2);border:3px solid var(--color-light-2);background-color:var(--color-light-2);border-radius:5px;padding:10px;transition:all .3s}.typing-container{font-weight:700;font-style:normal;font-size:clamp(2rem,10vw + 1rem,5rem);height:90vh;display:flex;white-space:pre;justify-content:center;align-items:center;flex-direction:column}.typing-correct{color:var(--color-primary-1)}.typing-incorrect{color:var(--color-danger-1)}.typing-empty{color:var(--color-dark-4)}.help-text{display:flex;font-size:1.25rem;margin:0 0 5px;color:var(--color-dark-4)}.header{font-size:20px;font-weight:500;padding:10px 20px;position:fixed;top:0;left:0;right:0;mix-blend-mode:difference;color:var(--color-light-1);font-size:clamp(1rem,1vw,1.75rem)}.header-nav{display:flex;justify-content:space-between;justify-items:center;align-items:center;gap:50px}.header-nav a{text-decoration:none;color:inherit}.header-nav div{display:inline-flex;gap:50px}.header-nav .header-nav-action-menu{display:none}@media(max-width:768px){.header-nav .header-nav-action{display:none}.header-nav .header-nav-action-menu{display:inline-flex}}.header-menu-container{padding-top:50px;padding-bottom:50px;height:100vh;display:flex;justify-content:space-between;flex-direction:column}.header-menu-list{list-style:none;font-size:2rem;margin:0;padding:0}.header-menu-list li{margin-bottom:30px}.header-menu-link{text-decoration:none;color:var(--color-light-2)}.header-menu-secret{font-weight:600;color:var(--color-dark-3)}.home-container{margin:0 auto;width:clamp(5px,98vw,2000px)}.hero-section{margin-top:70px}.hero-img{display:block;width:clamp(300px,50vw,5000px);margin:0 auto}.hero-quote-type{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;font-size:clamp(2rem,10vw + 1rem,8rem)}.about-title{margin-bottom:20px;text-align:center}.about-section{max-width:clamp(250px,60vw,2000px);margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.about-content p{margin-top:0;font-size:clamp(1rem,1vw,1.5rem)}.portrait-image{width:100%;object-fit:fill}.experience-section{text-align:left;margin-left:2vw;width:clamp(250px,90vw,1800px);font-size:1rem}.experience-title{margin:0 0 40px}.experience-content h3{font-size:clamp(1.5rem,2vw,2rem);margin:0}.experience-content h2{font-size:clamp(1.25rem,1.5vw,1.75rem)}.experience-content-item{margin-bottom:40px;padding-bottom:30px;border-radius:20px;border-bottom:2px solid var(--color-dark-3)}.experience-content-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;margin:0}.experience-content-company{margin-bottom:30px}.experience-content ul{margin:0;display:flex;flex-wrap:wrap;gap:clamp(10px,1vw,50px);font-size:1.1rem}.experience-content li{font-size:clamp(1rem,1vw,1.5rem);list-style:none;padding:15px;background-color:var(--color-dark-3);border-radius:20px}