@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root[data-theme=dark]{--primary-color: hsl(200, 80%, 50%);--primary-hover: hsl(200, 80%, 40%);--secondary-color: hsl(0, 0%, 5%);--third-color: hsla(0, 0%, 100%, .1);--bg-color: hsl(0, 0%, 0%);--headline: hsl(0, 0%, 100%);--paragraph: hsla(0, 0%, 100%, .658);--typing: #fff;--rover: hsl(0, 0%, 20%);--shadow: rgb(0, 0, 0)}:root[data-theme=light]{--primary-color: hsl(200, 80%, 50%);--primary-hover: hsl(200, 80%, 60%);--secondary-color: hsl(0, 0%, 90%);--third-color: hsl(0, 2%, 80%);--bg-color: hsl(0, 0%, 100%);--headline: hsl(0, 0%, 0%);--paragraph: hsla(0, 0%, 0%, .66);--typing: #0f0e0e;--rover: hsl(0, 0%, 100%);--shadow: rgba(0, 0, 0, .3)}*{font-size:62.5%;margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-color);font-size:1.6rem;text-align:center;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 2rem}ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%}.button{background:none;border:.2rem solid var(--primary-color);color:var(--primary-color);padding:1.4rem 3rem;font-size:1.4rem;font-weight:700;text-transform:uppercase;transition:.4s;display:inline-block}.button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;cursor:pointer}@keyframes typing{0%{width:0}to{width:223px}}@keyframes blink{50%{border-color:transparent}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}nav{width:100vw;height:7.2rem;display:flex;position:fixed;top:0;z-index:100;transition:background .3s;background-color:var(--bg-color)}nav .container{display:flex;align-items:center;justify-content:space-between}nav .nav-menu ul{display:flex;gap:3.2rem}nav .nav-menu ul li a,.logo{color:var(--primary-color);font-size:1.6rem;transition:color .3s;font-weight:900;text-decoration:none}.logo{font-size:2rem}nav .nav-menu ul li a:hover,.logo:hover{color:var(--headline);border-bottom:2px solid var(--primary-color)}.hamburger{display:none;cursor:pointer}.hamburger span{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--primary-color);transition:all .3s ease-in-out}@media (max-width: 768px){.hamburger{display:block}.nav-menu{position:absolute;top:7.2rem;left:0;width:100%;background-color:var(--bg-color);transform:translateY(-150%);transition:transform .3s ease-in-out;padding:2rem 0;box-shadow:0 2px 5px #0000001a}.nav-menu.open{transform:translateY(0)}nav .nav-menu ul{flex-direction:column;align-items:center;gap:2rem}nav .nav-menu ul li a{font-size:1.6rem}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}#home{display:flex;align-items:center;justify-content:center;height:100vh;padding-top:7.2rem;background-color:var(--secondary-color)}#home .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#home .left-column{flex:1 1 50%;text-align:left}#home .left-column header h4{font-size:1.6rem;color:var(--primary-color);margin-bottom:1rem}#home .left-column header h1{font-size:4rem;color:var(--headline);margin-bottom:2rem}#home .content p{font-size:1.8rem;color:var(--paragraph);margin-bottom:2rem}.typing{font-size:24px;white-space:nowrap;overflow:hidden;border-right:3px solid var(--typing);animation:typing 2s steps(20) forwards,blink .9s infinite}#home .right-column{flex:1 1 40%}#home .right-column img{width:100%;max-width:400px;border-radius:1rem;box-shadow:0 0 1rem var(--shadow)}@media (max-width: 768px){#home .container{margin-top:-50px;flex-direction:column;align-items:center;text-align:center}#home .left-column{text-align:center;margin-bottom:2rem}#home .right-column{margin-top:2rem}.typing{margin-left:13%}}#about{padding:4rem 0;background-color:var(--bg-color);color:var(--paragraph)}#about .container{padding-top:20px;text-align:center}#about h2{font-size:3rem;color:var(--primary-color);margin-bottom:2rem}#about .content p{font-size:1.7rem;max-width:800px;margin:0 auto;line-height:1.5}#resume{margin:50px 50px 20px}#projects{padding:10rem 0;background-color:var(--secondary-color);color:var(--paragraph)}#projects .container{text-align:center}#projects h2{font-size:3rem;color:var(--primary-color);margin-bottom:3rem}#projects .cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#projects .project-card{background:var(--third-color);padding:2.8rem;border-radius:.6rem;box-shadow:0 0 1rem var(--shadow);transition:background .4s;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:0 0 calc((100% - 4rem) / 3)}#projects .project-card:hover{background:var(--rover)}#projects .project-card img{width:100%;height:auto;margin-bottom:1rem;border-radius:1rem}#projects .project-card h3{font-size:2rem;margin-bottom:1rem;color:var(--headline)}#projects .project-card p{font-size:1.4rem;line-height:1.5}#projects .project-card .button{margin-top:1rem}@media (max-width: 768px){#projects .project-card{flex:0 0 100%}}#knowledge{padding:10rem 0;background-color:var(--bg-color);color:var(--paragraph)}#knowledge .container{text-align:center}#knowledge h2{font-size:3rem;color:var(--primary-color);margin-bottom:3rem}#knowledge .cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-card{background:var(--secondary-color);padding:2.8rem;border-radius:.6rem;box-shadow:0 0 1rem #0000004d;width:300px;transition:background .4s;text-align:center}.skill-card:hover{background:var(--third-color)}.skill-card h3{font-size:2rem;margin-bottom:1rem;color:var(--headline)}.skill-card p{font-size:1.4rem;line-height:1.5}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:2rem;justify-items:center}.icon{color:var(--headline);font-size:4.5rem;margin-bottom:.5rem}.icon-item{text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border-radius:1.2rem;padding:9px;width:100px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center}.icon-item span{white-space:nowrap;margin-top:.5rem;font-size:1.5rem;font-weight:700;color:var(--headline)}.icon-item:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.icon svg{width:6.4rem!important;height:6.4rem!important;display:block;fill:currentColor;margin:0 auto}#modal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1.6rem;width:100%}#modal-icon svg{width:8rem!important;height:8rem!important;display:block;margin:0 auto;fill:currentColor}.icon svg path,#modal-icon svg path{fill:currentColor!important}.details{display:none;max-width:800px;margin:2rem auto 0;text-align:left;color:var(--paragraph)}@media (max-width: 768px){#knowledge .cards .skill-card{flex:0 0 100%}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;align-items:center;justify-content:center;z-index:200;opacity:0;transition:opacity .3s ease-out}.modal.show{display:flex;opacity:1}.modal.hide{opacity:0}.modal-content{color:var(--headline);font-size:1.6rem;background:var(--secondary-color);padding:4rem 2rem;border-radius:.6rem;max-width:420px;width:90%;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.modal-content h3{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.modal-content p{font-size:1.4rem;color:var(--paragraph);line-height:1.5;margin:0}.close{position:absolute;top:1rem;right:2rem;font-size:3rem;color:var(--primary-color);cursor:pointer}.modal.show .modal-content{animation:modalFadeIn .3s ease-out forwards}.modal.hide .modal-content{animation:modalFadeOut .2s ease-in forwards}#modal-icon img{width:8rem;height:8rem;object-fit:contain}#contact{padding:10rem 0;background-color:var(--secondary-color);color:var(--paragraph);text-align:left;font-size:6.5rem}#contact .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#contact .left-column{flex:1 1 50%}#contact h2{font-size:3rem;color:var(--primary-color);margin-bottom:2rem}#contact ul{margin-bottom:2rem}#contact ul li{font-size:2.6rem;margin-bottom:1rem}#contact ul a{display:flex;align-items:center;gap:.5rem;color:var(--paragraph);transition:color .3s ease,transform .3s ease}#contact ul a:hover{color:var(--headline);transform:scale(1.05);background:var(--third-color)}#contact .right-column{flex:1 1 40%;text-align:center}#contact .right-column img{width:100%;max-width:300px}#contact a{width:20px;height:20px;vertical-align:middle;margin-right:8px;white-space:nowrap}#contact a svg{color:var(--headline);width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){#contact .container{flex-direction:column;align-items:center;text-align:center}#contact .left-column{text-align:center}#contact ul{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact ul li a{display:flex;align-items:center;justify-content:center;gap:.5rem}}footer{background-color:var(--bg-color);color:var(--paragraph);padding:6rem 0;text-align:center;line-height:1.5;font-size:6.5rem}#toggle{display:flex;position:fixed;bottom:2rem;left:2.5rem;z-index:101}#toggle input{position:absolute;visibility:hidden}#toggle label{width:8rem;height:4rem;background-color:var(--secondary-color);border:.1rem solid var(--primary-color);border-radius:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:relative;cursor:pointer}#toggle label:before{content:"";width:3rem;height:3rem;background-color:var(--primary-color);border-radius:50%;position:absolute;top:.4rem;left:.5rem;transition:.5s;z-index:2}#toggle input:checked+label:before{transform:translate(3.8rem)}#toggle svg{position:relative;z-index:1;width:2rem;height:2rem}#toggle .sun{order:1;fill:var(--headline)}#toggle .moon{order:0;fill:var(--headline)}