.home{display:flex;flex-direction:column}.intro-container{display:flex;justify-content:space-between}.avatar-container{position:relative;border:5px solid #319c89;width:300px;height:300px;min-width:300px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;justify-self:flex-end}.avatar-container img{margin-bottom:-18px}.eye-container{position:absolute;top:116px;left:107px;display:flex;gap:20px}.eye{width:30px;height:30px;background:#fff;border-radius:50%;position:relative;overflow:hidden;border:2px solid #5f4a37}.pupil{width:8px;height:8px;background:#000;border-radius:50%;position:absolute;top:7px;left:7px;transition:transform .1s ease;border:4px solid #5f4a37}.cta-btn{display:inline-flex;align-items:center;gap:10px;background-color:#319c89;color:#fff;border:1.5px solid #319c89;padding:12px 20px;border-radius:999px;font-weight:500;transition:background-color .3s,transform .3s;width:fit-content}.projects-btn{margin-top:50px}.cta-btn:hover{background:transparent}.cta-btn .arrow-icon{width:20px;height:20px}h1{font-size:3.2em;color:#319c89}.about-skills-section{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:60px;gap:120px}.about-skills-section p{font-size:1.2em;color:#ffffffa2}.skill-slider{overflow:hidden;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;color:#ffffff80;gap:20px}.skill-slider:before,.skill-slider:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.skill-slider:before{left:0;background:linear-gradient(to right,#242424,transparent)}.skill-slider:after{right:0;background:linear-gradient(to left,#242424,transparent)}.slider-track{display:flex;width:max-content;animation:scroll 20s linear infinite}.skill-icon{width:48px;height:48px;margin:0 20px;flex-shrink:0;transition:transform .2s ease;cursor:pointer}.skill-icon:hover{transform:scale(1.2)}.latest-project-container{margin-top:100px;display:flex;flex-direction:column;align-items:center}.latest-project-container .see-more-projects{margin-top:50px;font-size:1.2em;display:flex;align-items:center;gap:10px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.intro-container{flex-direction:column;align-items:center}.intro-text{text-align:center}.cta-btn{align-self:center;margin-top:30px}.avatar-container{display:none}.about-skills-section{flex-direction:column-reverse;align-items:center;gap:40px;margin-top:40px}.about-me{display:flex;flex-direction:column}.about-skills-section p{text-align:center}.skill-slider{width:80%}.latest-project-container{margin-top:40px}}.about-me-page{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem 0}.about-me-container{display:flex;background-color:#1b1b1b;border-radius:20px;gap:40px;overflow:hidden;padding-right:40px}.photo-container{position:relative;flex:1;min-width:280px;max-width:400px;height:auto;display:flex}.photo-container:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to left,#1b1b1b,transparent 40%);z-index:1;pointer-events:none}.photo{display:block;width:100%;height:auto;object-fit:cover}.about-me-side{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;flex:2}.about-me-text p{font-size:16px}.download-resume{display:flex;align-items:center;gap:10px;color:#319c89}.download-resume:hover{color:#fff}.download-resume .arrow-icon{width:20px;height:20px}.dev-values ul{list-style-type:disc;margin-left:1.5rem;line-height:1.6}.about-cta{text-align:center}.about-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.tech-stack-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.tech-stack-section .title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:5rem}.tech-grid{display:grid;grid-template-columns:1fr;gap:2rem;row-gap:4rem;height:fit-content}.tech-card{background:#1f1f1f;padding:2rem;padding-bottom:0;border-radius:1rem;box-shadow:0 4px 16px #0003;transition:transform .3s ease;height:100%;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pill-container{display:flex;flex-direction:column;gap:.5rem}.pill{background-color:#319c891a;color:#319c89;padding:.6rem 1rem;border-radius:12px;font-size:.95rem;font-weight:500;transition:all .3s ease;cursor:default}.pill:hover{background-color:#319c89;color:#fff;transform:scale(1.05)}.cta-contact{font-size:1.2rem}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 531px){.stack-section{flex-direction:column;padding-right:20px}}@media (max-width: 768px){.about-me-container{flex-direction:column;align-items:center;padding:20px;gap:20px;margin-top:0}.photo-container{width:90%;max-width:90%;height:auto}.photo{border-radius:10px}.about-me-side{width:100%}.photo-container:after{content:none}.stack-section{gap:0}}@media (min-width: 769px){.about-me-page h1{margin-top:-100px}.tech-grid{grid-template-columns:repeat(2,1fr)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ffffffde;text-decoration:inherit;transition:.2s;min-width:max-content}body{margin:0;min-width:320px;min-height:100vh}h2{text-align:center;color:#319c89}p{font-size:1.5em}.skills-p{color:#219c89;margin-left:38px;margin-top:60px}li{float:left;margin-right:40px}li::marker{color:#319c89}.skills-container{display:flex}.skills-section ul{display:flex;flex-direction:column}.skills-section span{color:#319c89;margin-left:40px}.navbar{display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 2px -2px #636363b3;padding:1.5rem 5rem}.navlinks{display:flex;justify-content:center;align-items:center;gap:40px}.menuIcon{font-size:28px;cursor:pointer;transition:.2s;z-index:100}.menuIcon.open{color:#242424}.hamburger{position:fixed;top:0;right:-50%;width:50%;height:100vh;background-color:#319c89;display:flex;flex-direction:column;align-items:start;justify-content:center;transition:transform .3s ease-in-out;z-index:99}.hamburger a{color:#242424;font-size:1.5em;margin:0 20px;text-decoration:none}.hamburger a:hover,.hamburger a.active{color:#ffffffab}.hamburger.open{transform:translate(-100%)}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:none;z-index:5}.overlay.open{display:block}.nanooka{display:flex;align-items:center;gap:3px;font-size:20px}.container{margin:1rem}.archive{display:flex;flex-direction:column}.archive h1{align-self:center;font-size:2rem}.project-page{display:flex;flex-direction:column}.project-page h1{align-self:center}.project-page a{max-width:fit-content}.archive-container{display:flex;flex-direction:column;gap:80px;margin:2rem}.card{box-shadow:#636363 0 1px 4px;border-radius:8px;padding:2rem;display:flex;align-items:center;flex-direction:column;gap:80px;margin-top:40px}.archive-card{box-shadow:#636363 0 1px 4px;border-radius:8px;padding:1rem;display:flex;align-items:center;flex-direction:column;gap:10px}.archive-card h3{text-align:center}.card h3{color:#319c89}.archive-card .img{width:100%}.img{width:100%;border-radius:8px;transition:transform .2s}.img:hover{transform:scale(1.05)}.anchor{font-style:italic}.describe{font-size:1.2rem}.describe b,.describe a{transition:.2s}.describe a:hover{text-decoration:underline}.describe b:hover,.describe a:hover{color:#319c89}.used-technologies{display:inline-block;padding:0 .8rem;color:#319c89;font-weight:500;border-radius:12px;border:1px solid #319c89;margin:20px 10px 0 0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.used-technologies:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.contact-container{display:flex;flex-direction:column;align-items:center;margin:0}.contact-info{box-shadow:#636363 0 1px 4px;padding:20px;margin:110px 20px 20px;width:60%}.contact-info{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#636363 0 1px 4px;transition:transform .3s ease}.contact-info:before{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:rotate(25deg);transition:opacity .3s ease;opacity:0}.contact-info:hover:before{animation:sweep 1s ease-out forwards;opacity:1}@keyframes sweep{0%{transform:translate(-100%,-100%) rotate(25deg)}to{transform:translate(100%,100%) rotate(25deg)}}.email-form{display:flex;flex-direction:column;align-items:center;width:60%}.email-form input,.email-form textarea{width:100%;outline:none;border:none;border-radius:8px;height:20px;padding:8px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#242424;resize:vertical;max-height:100px}.email-form input[type=submit]{margin-top:16px;height:40px;width:105%;cursor:pointer;background-color:#319c89;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;border:1.5px solid #319c89;transition:.2s}.email-form input[type=submit]:hover{background-color:#242424;color:#319c89;border-inline-start:3px solid #319c89;border-inline-end:3px solid #319c89}.email-form label{color:#319c89;font-size:16px;font-weight:600;margin-top:4px;margin-bottom:4px;margin-left:-100%;transform:translate(50%)}a:hover,a.active{color:#319c89}#nanooka-tags{color:#fff}.projects-links{margin-top:60px;display:flex;flex-direction:column;gap:30px}.link-to-projects{display:flex;align-items:center;gap:10px;font-size:1.5em}.link-to-projects .arrow-icon{transition:.2s}.link-to-projects:hover .arrow-icon{transform:translate(15%)}.repo{display:flex;align-items:end;gap:6px;font-size:1rem}.repo .arrow{width:22px;height:22px}.repo:hover{margin-left:12px}.certificate-link:hover,.contact-link:hover{font-size:17px;line-height:0}@media (max-width: 360px){.skills-section span{margin-left:0}li{margin-left:-22px}.skills-p{margin-left:0}}@media (max-width: 460px){.main{flex-direction:column}}@media (max-width: 768px){body{padding-bottom:50px}.navbar{padding:0 1.5rem}.navlinks{display:none}.menuIcon{display:block}}@media (min-width: 769px){.container{margin:6rem}.menuIcon,.hamburger{display:none}}@media (min-width: 950px){.white-circle{width:200px;height:200px;border-radius:50%;border:6px solid rgba(255,255,255,.321);position:absolute;right:20%;bottom:55%;z-index:-1}.green-circle{width:350px;height:350px;border-radius:50%;border:8px solid #319c89;position:absolute;right:1%;bottom:20%;z-index:-1}}@media (min-width: 1160px){.container{margin:9rem}li{float:none}.card{flex-direction:row;margin-top:80px}.img{width:400px}.white-circle{width:250px;height:250px;border-radius:50%;border:6px solid rgba(255,255,255,.321);position:absolute;right:30%;bottom:40%;z-index:-1}.green-circle{width:400px;height:400px;border-radius:50%;border:8px solid #319c89;position:absolute;right:10%;bottom:10%;z-index:-1}.contact-container{flex-direction:row;gap:300px}.email-form{display:flex;flex-direction:column;width:50%}.archive-container{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:3rem}.archive-card .img{max-height:250px;width:auto}}