html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in forwards}body{font-family:Inter,sans-serif}.portfolio{margin:2rem;max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box;padding:1rem}.intro-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto 25px;gap:2rem}.intro-image{border-radius:50%;width:250px;height:250px;object-fit:cover;box-shadow:0 8px 20px #0000004d;transition:all .3s ease}.emoji-button{background:transparent;border:none;font-size:3rem;cursor:pointer;transition:all .2s ease}.emoji-button:hover{transform:scale(1.2)}.emoji-button.grow{margin-left:10px;transition:all .15s ease;transform:scale(1.5) rotate(40deg)}.intro-image:hover{box-shadow:0 10px 25px #00000080;transform:scale(1.05)}.intro-text{max-width:100%}.intro-title{font-weight:600;font-size:2.5rem;margin:0 0 12px}.intro-body{font-weight:300;font-size:1.1rem;margin:8px 0 18px;line-height:1.5}.intro-body-sub{margin-top:4px;font-size:12px}.intro-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:10px}.intro-title-box{font-size:.9rem;display:inline-block;background-color:#176ccd;color:#fff;padding:.3rem .7rem;border-radius:.5rem;text-decoration:none;transition:background-color .3s ease}.intro-title-box:hover{background-color:#7db5f5}@media (min-width: 769px){.intro-container{flex-direction:row-reverse;align-items:center;justify-content:space-between;text-align:left;gap:2rem}.intro-image{width:200px;height:200px}.intro-text{max-width:600px}.intro-title{font-size:45px}.intro-body{font-size:20px;margin-bottom:15px}.intro-links{justify-content:flex-start}}.about-container{max-width:700px;margin:0 auto;padding:0 1.5rem}.about-title{margin:0 0 .5rem;font-weight:600;font-size:1.8rem;margin-top:10px}.about-body{margin:0 0 30px;font-size:1rem;font-weight:200;color:#727272;line-height:1.5}@media (max-width: 768px){.about-container{padding:0 1rem}.about-title{font-size:1.4rem}.about-body{font-size:.9rem}}@media (max-width: 400px){.about-container{padding:0 .8rem}.about-title{font-size:1.2rem}.about-body{font-size:.85rem}}.experience-title{font-weight:600;margin-bottom:1rem}.experience-box{display:flex;margin-bottom:1rem}.experience-logo{border-radius:50%;border:1px solid #000;width:50px;height:50px;transition:transform .3s ease}.experience-logo:hover{transform:scale(1.1)}.experience-container{display:flex;justify-content:space-between;align-items:center;width:1000px;margin-left:1.5rem}.experience-company{font-weight:600}.experience-role,.experience-date{color:#9a9898}.experience-role{font-size:.875rem}.experience-date{font-size:1rem}.experience-grouped{margin-bottom:30px}.education-grouped{margin-bottom:30px}.education-title{margin:0;font-weight:600;margin-bottom:1rem}.education-item{display:flex;margin-bottom:1rem}.education-logo{border-radius:50%;width:50px;height:50px;transition:transform .3s ease}.education-logo:hover{transform:scale(1.1)}.education-content{display:flex;justify-content:space-between;align-items:center;flex:1;margin-left:1.5rem}.education-school{font-weight:600;font-size:1.1rem}.education-degree{color:#9a9898;font-size:.9rem}.education-date{color:#9a9898;font-size:.95rem}@media (max-width: 768px){.education-content{flex-direction:column;align-items:flex-start;gap:.5rem}.education-date{align-self:flex-end}}p{margin:0}.skills-title{margin:0 0 15px;font-weight:600}.skill-box{font-size:12px;display:inline-block;background-color:#176ccd;color:#fff;padding:.3rem .7rem;border-radius:.5rem;margin-bottom:8px;margin-right:10px}.skill-box:hover{background-color:#7db5f5;transition:all .3 ease}.skills-grouped{margin-bottom:30px}.contact-grouped{width:100%;max-width:700px;margin:0 auto;text-align:center;padding:2rem 1rem}.contact-title{font-size:2rem;margin-bottom:1rem}.contact-grouped h3{font-weight:400;color:#767676;font-size:1rem}.contact-title-box{font-size:.9rem;display:inline-block;background-color:#176ccd;color:#fff;padding:.4rem .9rem;border-radius:.5rem;margin-bottom:8px;text-decoration:none;transition:background-color .3s ease}.link{text-decoration:none;color:#378aff}@media (min-width: 768px){.contact-grouped{padding:4rem 2rem}.contact-title{font-size:45px}.contact-grouped h3{font-size:1.2rem}.contact-title-box{font-size:1rem}}*{margin:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f9f9f9;color:#222}.projects-container{padding:2rem 1rem;text-align:center}.project-grouped{max-width:900px;margin:0 auto;padding:0 1rem}.project-title-box{font-size:.9rem;display:inline-block;background-color:#176ccd;color:#fff;padding:.3rem .7rem;border-radius:.5rem;margin-bottom:8px}.project-title{font-size:2.5rem;margin-bottom:1rem;font-weight:600;color:#111}.project-grouped h3{font-weight:400;color:#767676;margin-bottom:2rem;line-height:1.4;font-size:1.1rem}.project-readmore{margin-top:10px;font-weight:300;font-size:15px}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-box{width:100%;max-width:350px;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;background-color:#fff;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-box:hover,.project-box:focus-within{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;outline:none}.project-img{width:100%;height:auto;display:block;border-radius:8px 8px 0 0}.project-text{padding:1rem;text-align:left}.project-name{font-weight:600;font-size:1.2rem;margin-bottom:.3rem;color:#222}.project-date{color:#787878;font-size:.9rem;margin-bottom:.5rem}.project-desc{font-weight:300;font-size:.9rem;color:#505050;line-height:1.4;min-height:72px}.project-links{margin-top:.8rem;display:flex;align-items:center}.project-links a{margin-right:.8rem;color:#007acc;text-decoration:none;transition:color .2s ease}.project-links a:hover,.project-links a:focus{text-decoration:underline;color:#005f99;outline:none}.yt-logo,.github-logo{display:inline-block;vertical-align:middle}.yt-logo{width:30px;margin-top:5px}.github-logo{width:23px}@media (max-width: 1024px){.projects-grid{gap:1.5rem}}@media (max-width: 768px){.project-grouped h3{font-size:1rem}.projects-grid{flex-direction:column;align-items:center}.project-box{max-width:90%}}.icon{all:unset;display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background-color:#d0d0d0;color:#fff;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.icon:hover{background-color:#505050;transition:all .3s ease}.icon-logo{transition:all .3s ease;color:#fff;font-size:35px}.icon:hover .icon-logo{font-size:35px;transition:all .3s ease}.sidebar-menu{position:fixed;left:18%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:8px;z-index:1000;transition:opacity .3s ease,visibility .3s ease}@media (max-width: 1024px){.sidebar-menu{opacity:0;visibility:hidden;pointer-events:none}}