@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";html{box-sizing:border-box;scroll-behavior:smooth}*{padding:0;margin:0}body{font-family:Roboto,sans-serif}:root{--primary: #000;--secondary: rgb(24 24 27);--border: rgba(63, 63, 70, .4);--title: rgb(244 244 245);--subtitle: rgb(161 161 170);--bg-header: rgb(39 39 42);--blue: rgb(93 188 252);--transition-tm: .2s;--icon-hover: #d4d4d8;--section-mr: 20px;--section-p: 50px 20px;--ring: rgba(255, 255, 255, .14);--shadow-soft: rgba(0, 0, 0, .55);--shadow-deep: rgba(0, 0, 0, .8)}.light{--primary: rgb(250 250 250);--secondary: rgb(255 255 255);--border: rgba(63, 63, 70, .124);--title: rgb(39 39 42);--subtitle: rgb(82 82 91);--bg-header: rgb(253 253 253);--blue: rgb(0 149 246);--icon-hover: #000;--ring: rgba(0, 0, 0, .08);--shadow-soft: rgba(0, 0, 0, .12);--shadow-deep: rgba(0, 0, 0, .18)}body{background-color:var(--primary);color:#fff}li{list-style:none}a{text-decoration:none}.container{width:90%;margin:0 auto;padding:0 20px;background-color:var(--secondary);border:1px solid var(--border)}.section-header{color:var(--title);margin:0 auto 50px;position:relative;width:fit-content;text-transform:uppercase}.section-header:after{position:absolute;left:50%;transform:translate(-50%);bottom:-10px;height:4px;width:100%;background-color:var(--blue);content:""}.scroll-to-top{display:flex;align-items:center;justify-content:center;position:fixed;width:50px;height:50px;bottom:30px;right:30px;background-color:var(--blue);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d;z-index:99;transition:var(--transition-tm)}.scroll-to-top:hover{opacity:1!important}@media (max-width: 575.98px){.container{max-width:100%}.scroll-to-top{width:30px;height:30px;bottom:90px;right:20px}.section-header{font-size:1.6rem}}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}header{display:flex;align-items:center;justify-content:space-around;padding:2rem 1rem 4rem}header .logo{display:block;font-size:30px;font-weight:bolder;color:var(--blue)}header>nav>ul{display:flex;align-items:center;background-color:var(--bg-header);box-shadow:0 2px 4px #0003;border-radius:100px;padding:0 1rem}header>nav>ul>li.link{padding:1rem;font-size:15px;font-weight:500}header>nav>ul>li.link:hover a{color:var(--blue);transform:translateY(-3px) scale(1.1)}header>nav>ul>li.link a{display:block;color:var(--title);transition:var(--transition-tm)}.mood{cursor:pointer;height:3rem;width:3rem;position:relative;background-color:var(--bg-header);border-radius:50%;border:1px solid var(--border);box-shadow:0 2px 4px #0003;transition:var(--transition-tm)}.mood .mood-icon,.toggle .toggle-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:var(--transition-tm);color:var(--subtitle)}.mood:hover .mood-icon,.toggle:hover .toggle-menu{color:var(--icon-hover)}.mood:hover,.toggle:hover{border:1px solid rgba(244,165,96,.71);box-shadow:0 3px 6px #0000001a;transform:translateY(-3px) scale(1.04)}.toggle{display:none;cursor:pointer;height:3rem;width:3rem;position:relative;background-color:var(--bg-header);border-radius:50%;border:1px solid var(--border);box-shadow:0 2px 4px #0003;transition:var(--transition-tm)}.modal{position:fixed;inset:0;z-index:100;background-color:#282830b8}.modal ul{flex-direction:column;width:70%;margin:50px auto;background-color:var(--secondary);border-radius:30px;padding:1rem 2rem;transition:var(--transition-tm);animation:anmMenu .3s 1}.close-menu{text-align:end}.close-menu>:first-child{cursor:pointer;transition:var(--transition-tm)}.close-menu>:first-child:hover{color:red;transform:scale(1.3) rotate(180deg)}.modal ul li{color:var(--title);padding:1rem;font-size:15px;font-weight:500;border-bottom:1px solid var(--border)}.modal ul li:first-child{padding:0}.modal ul li:first-child,.modal ul li:last-child{border-bottom:none}.modal li a{display:block;color:var(--title);transition:var(--transition-tm)}.modal li:hover a{color:var(--blue);transform:translate(10px)}@media (max-width: 768px){header{justify-content:space-between;padding:2rem 1rem}header nav,.logo-div{display:none}.toggle{display:block}}@keyframes anmMenu{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.hero-section{display:flex;justify-content:center;align-items:center;padding:0 20px;gap:50px;min-height:75vh}.left-section,.right-section{will-change:transform,opacity}.left-section{display:flex;flex-direction:column;gap:20px}.download{display:flex;gap:15px;margin:20px 0}.download button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 4px 4px #0003}.download button:hover{box-shadow:0 8px 8px #0003;transform:translateY(-2px)}.view-cv-btn{background-color:#f0f0f0;color:#333;transition:var(--transition-tm)}.view-cv-btn:hover{background-color:#e0e0e0}.download-cv-btn{background-color:#3498db;color:#fff;transition:var(--transition-tm)}.download-cv-btn:hover{background-color:#2980b9}.right-section{position:relative;transition:var(--transition-tm)}.avatar{display:flex;align-items:flex-end;-webkit-user-select:none;user-select:none;width:fit-content;position:relative;transition:var(--transition-tm);animation:upDown 2s linear infinite}.avatar img{padding:5px;max-width:100%;border-radius:50%;box-shadow:0 0 0 3px var(--ring),0 0 20px #3b82f61f,0 10px 18px -12px var(--shadow-soft),0 22px 40px -18px var(--shadow-deep);border:1px solid var(--border);transition:var(--transition-tm)}.avatar:hover img{box-shadow:0 0 10px 3px var(--ring),0 0 24px #3b82f638,0 10px 18px -12px var(--shadow-soft),0 22px 40px -18px var(--shadow-deep)}.avatar:hover{animation-play-state:paused}.avatar .check-icon{width:30px;height:30px;color:var(--blue);border-radius:50%!important;position:absolute;bottom:-10px;left:53%;transform:translate(-50%);background-color:#fff!important;transition:var(--transition-tm)}.left-section h1{font-size:3rem;color:var(--title)}.left-section p{color:var(--subtitle);line-height:2;letter-spacing:.5px}.left-section .social-media ul{display:flex;align-items:center;gap:25px}.left-section .social-media ul a{display:block;color:var(--subtitle);transition:var(--transition-tm)}.left-section .social-media ul li{display:flex;align-items:center;justify-content:center;box-shadow:0 2px 2px #0003;padding:5px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);transition:var(--transition-tm)}.left-section .social-media ul li:hover{color:var(--icon-hover);transform:translateY(-5px) scale(1.1);box-shadow:0 4px 8px #0003}.left-section .social-media ul li:hover a{color:var(--icon-hover)}@media (max-width:992px){.left-section{order:2}.hero-section{flex-direction:column;align-items:center;text-align:center}.left-section h1{font-size:2rem}.left-section .social-media ul{justify-content:center}.avatar{width:50%;margin:0 auto}.download{justify-content:center}}@media (max-width:767px){.left-section h1{font-size:1.5rem}.download button{padding:10px 15px;font-size:13px}}@keyframes upDown{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(5px)}to{transform:translateY(0)}}.about-section{margin:var(--section-mr) 0;padding:var(--section-p) 20px;border-top:1px solid var(--border);text-align:center}.about-section p{width:90%;margin:0 auto;line-height:2;letter-spacing:.5px;font-size:18px;color:var(--title)}@media (max-width:767px){.about-section p{width:100%;font-size:14px}}.skills-section{margin:var(--section-mr) 0;padding:var(--section-p) 20px;border-top:1px solid var(--border)}.skills-section .container-skills{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px}.skills-section .skill{padding:10px;border-radius:10px;transition:transform var(--transition-tm);box-shadow:0 0 10px #0003}.skills-section .skill:hover{transform:scale(1.08);box-shadow:0 4px 8px #0003}.skill.github svg{fill:var(--title)!important}@media (max-width: 768px){.skills-section .container-skills{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.projects-section{margin:var(--section-mr) 0;padding:var(--section-p) 20px;border-top:1px solid var(--border)}.projects-section .container-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.container-projects,.container-projects .filter-buttons ul{display:flex;align-items:baseline;justify-content:center;gap:10px}.container-projects .filter-buttons ul li{padding:10px 15px;border:1px solid var(--border);border-radius:5px;color:var(--text);transition:var(--transition-tm);color:var(--subtitle);box-shadow:0 2px 2px #0003;cursor:pointer}.container-projects .filter-buttons ul li:hover,.container-projects .filter-buttons ul li.active{color:var(--title);transform:translateY(-5px);box-shadow:0 4px 8px #0003;border-color:var(--blue)}.container-projects .projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.container-projects .projects .project{background-color:var(--bg-header);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 2px #0003;transition:var(--transition-tm)}.container-projects .projects .project:hover{box-shadow:0 4px 8px #0003;transform:translateY(-10px)scale(1.05)!important;border-color:var(--blue)}.container-projects .projects .project:hover .more-icon{animation:goRight 1s linear infinite}.container-projects .projects .project img{max-width:100%;border-radius:8px}.container-projects .projects .project .info,.container-projects .projects .project .project-links{padding:15px}.container-projects .projects .project .info h2{margin:10px 0;color:var(--title)}.container-projects .projects .project .info p{max-height:120px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:2;line-clamp:5;-webkit-line-clamp:5;padding:10px 0;color:var(--subtitle);line-height:1.6}.container-projects .projects .project .project-links{display:flex;align-items:center;justify-content:space-between}.projects .project .project-links .project-icon{display:flex;align-items:center;gap:20px}.projects .project .project-links .project-icon p{color:var(--subtitle)}.projects .project .project-links .project-icon p svg{color:var(--blue)}.projects .project .project-links .project-icon a{color:var(--subtitle);transition:var(--transition-tm)}.projects .project .project-links .project-icon a:hover{color:var(--icon-hover);transform:scale(1.1)}.projects .project .project-links .button{color:var(--blue)}.projects .project .project-links .more-icon{margin:0 7px}@keyframes goRight{25%{transform:translate(10px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@media (max-width: 550px){.container-projects .filter-buttons ul li{padding:6px 12px;font-size:.8rem}}.contact-section{margin:var(--section-mr) 0;border-top:1px solid var(--border);padding:var(--section-p) 20px}.contact-section>p{text-align:center;color:var(--subtitle);font-size:16px;margin:30px;text-transform:capitalize;line-height:2}.contact-section .contact-info p{color:var(--subtitle);text-transform:capitalize}.contact-section .content{display:flex;align-items:center;justify-content:center;gap:50px}.contact-section .contact-form{display:flex;flex-direction:column;justify-self:center;gap:30px;width:100%}.contact-section .form-group{display:flex;flex-direction:column;justify-content:center;gap:10px}.contact-section .form-group label{color:var(--subtitle)}.contact-section .form-group input,.contact-section .form-group textarea{background-color:var(--bg-header);padding:15px;font-size:18px;border:1px solid var(--border);border-radius:8px;color:var(--title);transition:var(--transition-tm);outline:none}.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{border-color:#2dd4bf}.contact-section .form-group textarea{resize:none;min-height:150px}.contact-form .button{cursor:pointer;color:#fff;border:1px solid var(--border);background-color:var(--blue);padding:15px 20px;font-size:16px;border-radius:8px;transition:var(--transition-tm);width:fit-content}.contact-form .button:hover{background-color:#3535ffd6}.success-message{color:green;text-align:center}.success-message span{color:red}.contact-animation{max-width:30%;text-align:center}.contact-animation img{max-width:90%;position:relative;top:-40px;animation:waveAnimation 1.5s linear infinite}@media (max-width:768px){.contact-section>p{text-align:center;color:var(--subtitle);font-size:16px;margin:20px 0;text-transform:capitalize;line-height:1.5}.contact-form .button{width:100%}.contact-section .contact-animation{display:none}}@keyframes waveAnimation{0%{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(0)}75%{transform:translateY(15px)}to{transform:translateY(0)}}.footer{border-top:1px solid var(--border);color:var(--title);display:flex;align-items:center;justify-content:space-between;padding:30px}.footer-info span{color:var(--blue);font-weight:700}.social-media ul{display:flex;align-items:center;gap:20px}.social-media ul a{display:block;color:var(--subtitle);transition:var(--transition-tm)}.social-media ul li{display:flex;align-items:center;justify-content:center;box-shadow:0 2px 2px #0003;padding:5px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);transition:var(--transition-tm)}.social-media ul li:hover{color:var(--icon-hover);transform:translateY(-5px) scale(1.1);box-shadow:0 4px 8px #0003}.social-media ul li:hover a{color:var(--icon-hover)}@media (max-width: 768px){.footer{flex-direction:column}.footer .footer-info{text-align:center;line-height:1.5}.social-media ul{display:flex;margin-top:10px}}