.Navbar{height:7rem;background-color:var(--base-200);width:100%;position:sticky;top:0;left:0;z-index:10}.Navbar .navbar-container{display:flex;justify-content:space-between;background-color:var(--base-100);padding:.75rem 1.5rem;border-radius:5rem;border:1px solid #1313130d;margin:2rem auto;width:95%;position:fixed;top:0;left:2%}.Navbar .navbar-container :nth-child(2){width:2.5rem;height:2.5rem}.Navbar ul{background-color:var(--base-200);position:fixed;top:0;left:0;width:100%;height:100vh}@media screen and (min-width: 992px){.Navbar .navbar-container{width:80%;left:10%}.Navbar ul{width:48.5%;background-color:var(--base-100)}}@media screen and (min-width: 1200px){.Navbar .navbar-container{width:80%;left:10%}.Navbar ul{width:35%}}@media screen and (min-width: 1920px){.Navbar .navbar-container{width:65%;left:17.5%}.Navbar ul{width:25%}}.close-btn{font-size:2rem;position:absolute;z-index:10;left:18rem;top:2.5rem;display:flex;justify-content:center;align-items:center;color:var(--accent);cursor:pointer}.close-btn:hover{color:var(--accent-focus)}.sidebar-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.nav-wrapper{margin-top:9rem}.nav-link{text-decoration:none;color:var(--secondary);display:flex;align-items:center;padding:1.5rem;font-size:1.38rem;font-weight:600}.nav-link:hover .nav-link-container i{color:var(--accent-focus)}.nav-link:hover .nav-link-container p{color:var(--secondary-focus)}.nav-link-container{background-color:var(--base-100);border:3px solid #1313130d;border-radius:4.9rem;padding:2rem;width:20rem;height:4rem;display:flex;align-items:center;justify-content:center}.nav-link-container .icon-text-container{display:flex;justify-content:center;align-items:center;gap:1rem;width:50%}.nav-link-container .icon-text-container i{color:var(--accent)}.nav-link-container .icon-text-container p{width:60%}.social-icons{display:flex;justify-content:space-evenly;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;background-color:var(--base-100);border-radius:.5rem;width:50%;height:8%}.social-icons a:not(:nth-child(2)){color:var(--secondary);opacity:.5}.social-icons a:not(:nth-child(2)):hover{color:var(--secondary-focus)}.social-icons i{font-size:1.5rem}.social-icons .fa-github{color:var(--accent)}.social-icons .fa-github:hover{color:var(--accent-focus)}@media screen and (min-width: 768px){.close-btn{left:23rem;top:2.5rem}.social-icons{width:40%}}@media screen and (min-width: 992px){.close-btn{left:15rem}.nav-link-container{background-color:var(--base-200)}.nav-link-container:hover{background-color:#0909091d}.social-icons{background-color:var(--base-200);width:50%}}@media screen and (min-width: 1200px){.close-btn{left:12rem}.icon-text-container{font-size:1rem}.nav-link-container{padding:.5rem}.social-icons{width:60%}}@media screen and (min-width: 1920px){.close-btn{left:14rem}}.Footer{padding-bottom:5rem;width:100%;background-color:var(--base-100);color:var(--base-content)}.Footer .footer-content{padding-top:5rem;display:flex;flex-direction:column;gap:3rem}.Footer .footer-content .footer-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.Footer .footer-content .footer-header h1{font-size:1.875rem;font-weight:600;line-height:2.25}.Footer .footer-content .footer-header .footer-btn{display:flex;padding:.25rem .25rem .25rem 1.25rem;justify-content:center;align-items:center;gap:1rem;color:var(--base-content);text-decoration:none;font-size:1.1rem;font-weight:500;line-height:1.5;border-radius:3.5rem;background-color:var(--accent);cursor:pointer}.Footer .footer-content .footer-header .footer-btn .icon-btn{display:flex;border:none;padding:.625rem;align-items:center;gap:.625rem;border-radius:2.5rem;background-color:var(--base-content)}.Footer .footer-content .footer-header .footer-btn .icon-btn i{font-size:1.25rem;color:var(--accent)}.Footer .footer-content .line{height:.0625rem;opacity:.1;background:#131313}.Footer .footer-content .contact-content-container{display:flex;flex-direction:column;gap:3rem;padding:.75rem 1.5rem}.Footer .footer-content .contact-content-container .contact-wrapper{display:flex;justify-content:space-between}.Footer .footer-content .social-container{display:flex;flex-direction:column;gap:1.5rem;width:14rem}.Footer .footer-content .social-container .social-header{display:flex;flex-direction:column;gap:1.5rem}.Footer .footer-content .social-container .social-header img{width:42px;height:40px}.Footer .footer-content .social-container .social-header p{font-size:.875rem;line-height:1.25;opacity:.7}.Footer .footer-content .social-container .social-links{display:flex;justify-content:center;gap:1.25rem;background-color:#1313130d;border-radius:.5rem;padding:.75rem 1rem;width:10rem}.Footer .footer-content .social-container .social-links a:not(:nth-child(2)){color:var(--secondary);opacity:.8}.Footer .footer-content .social-container .social-links a:not(:nth-child(2)):hover{color:var(--secondary-focus)}.Footer .footer-content .social-container .social-links i{font-size:1.1rem}.Footer .footer-content .social-container .social-links .fa-github{color:var(--accent)}.Footer .footer-content .social-container .social-links .fa-github:hover{color:var(--accent-focus)}.Footer .footer-content .contact-nav-container{display:flex;flex-direction:column;gap:1rem}.Footer .footer-content .contact-nav-container .contact-navigation{display:flex;flex-direction:column;gap:1.2rem}.Footer .footer-content .contact-nav-container .contact-navigation .navlink{font-size:.875rem;font-weight:600;text-decoration:none;color:var(--base-content);opacity:.8}.Footer .footer-content .contact-nav-container .contact-navigation .navlink:hover{text-decoration:underline;opacity:1}.Footer .footer-content .contact-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem}.Footer .footer-content .contact-header p{opacity:.8}.Footer .footer-content .contact-header .footer-line{width:4rem;height:.0625rem;opacity:.1;background:#131313}.Footer .footer-content .contact-wrapper .contact-footer-container .contact-content{display:flex;flex-direction:column;gap:1rem}.Footer .footer-content .contact-wrapper .contact-footer-container .contact-content .contact-item{display:flex;gap:1rem}.Footer .footer-content .contact-wrapper .contact-footer-container .contact-content .contact-item a{opacity:.7;text-decoration:none;color:var(--base-content);cursor:pointer}.Footer .footer-content .contact-wrapper .contact-footer-container .contact-content .contact-item a:hover{opacity:.9}.Footer .footer-content .contact-wrapper .contact-footer-container .address-item{line-height:1.5}.Footer .footer-content .copyright-container{display:flex;justify-content:space-between;padding:.75rem 1.5rem}.Footer .footer-content .copyright-container .container-left p{font-size:.75rem}.Footer .footer-content .copyright-container .container-right .container-right-content{display:flex;gap:1rem}.Footer .footer-content .copyright-container .container-right .container-right-content a{text-decoration:none;opacity:.7;font-size:.75rem;color:var(--base-content)}.Footer .footer-content .copyright-container .container-right .container-right-content a:hover{text-decoration:underline}@media screen and (min-width: 992px){.Footer .footer-content{width:80%;margin:0 auto}.Footer .footer-content .contact-content-container{display:flex;width:85%;margin:0 auto}}@media screen and (min-width: 1200px){.Footer .footer-content{width:80%}.Footer .footer-content .contact-content-container{width:100%;flex-direction:row;justify-content:space-between}.Footer .footer-content .contact-content-container .contact-wrapper{width:45%}.Footer .footer-content .contact-content-container .contact-wrapper .social-header p{width:12rem}}@media screen and (min-width: 1920px){.Footer .footer-content{width:65%}}.Slidingtext{display:flex;justify-content:space-around;padding:1rem 2rem;align-items:center;gap:2.5rem;background-color:var(--accent)}.Slidingtext li{font-size:1.125rem;line-height:1.75rem;text-transform:uppercase}.Slidingtext li:nth-last-child(1),.Slidingtext li:nth-last-child(2){display:none}@media screen and (max-width: 480px){.Slidingtext{padding:.5rem 1rem;gap:1rem}.Slidingtext li:nth-last-child(2) .Slidingtext li:nth-last-child(1){display:list-item}}@media screen and (min-width: 768px){.Slidingtext{padding:1.5rem 2rem;gap:3rem}.Slidingtext li:nth-last-child(2){display:list-item}}@media screen and (min-width: 992px){.Slidingtext{width:80%;margin:0 auto}.Slidingtext li:nth-last-child(1){display:list-item}}@media screen and (min-width: 1200px){.Slidingtext{width:80%}}@media screen and (min-width: 1920px){.Slidingtext{width:65%}}*{padding:0;margin:0;box-sizing:border-box}:root{--secondary: #696a75;--secondary-focus: #3b3c4a;--secondary-content: #ffffff;--accent: #3cc288;--accent-focus: #33a574;--accent-content: #ffffff;--neutral: #181a2a;--neutral-focus: #141624;--neutral-content: #ffffff;--base-100: #ffffff;--base-200: #f6f6f7;--base-300: #e8e8ea;--base-content: #181a2a}body{background-color:var(--base-200);font-family:Inter,sans-serif;color:var(--base-content)}main{margin:2rem auto 3rem;display:flex;justify-content:center;align-items:center}section{width:90%;margin:0 auto}@media screen and (min-width: 992px){section{width:80%}}@media screen and (min-width: 1200px){section{width:100%}}@media screen and (min-width: 1920px){section{width:65%}}.Home{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.Home .user-info{display:flex;flex-direction:column;justify-content:space-around}.Home .user-info .info{display:flex;flex-direction:column;gap:1rem}.Home .user-info .info h1{color:var(--base-content);line-height:3;font-size:2.5rem}.Home .user-info .info .border{border-top:2px solid var(--accent);width:8rem;height:1px}.Home .user-info .info p{font-size:.875rem;line-height:1.25rem;color:var(--base-content)}.Home .user-info .socialmedia-container{display:flex;justify-content:center;gap:1.5rem;padding:.75rem 1.25rem;background-color:var(--base-100);border-radius:.5rem;cursor:pointer}.Home .user-info .socialmedia-container a:not(:nth-child(2)){color:var(--base-content);opacity:.5}.Home .user-info .socialmedia-container a:not(:nth-child(2)):hover{color:var(--secondary-focus)}.Home .user-info .socialmedia-container i{width:1rem;height:1rem}.Home .user-info .socialmedia-container .fa-github{color:var(--accent)}.Home .user-info .socialmedia-container .fa-github:hover{color:var(--accent-focus)}.Home .description{display:flex;flex-direction:column;gap:1.5rem}.Home .description h2{font-size:1.875rem;line-height:2.25rem;font-weight:500;color:var(--base-content)}.Home .description p{color:var(--base-content);font-size:1rem;opacity:.6;line-height:1.75}.Home .description .contact-link{display:flex;padding:.25rem .25rem .25rem 1.25rem;justify-content:center;align-items:center;gap:1rem;color:var(--base-content);text-decoration:none;font-size:1.1rem;font-weight:500;line-height:1.5;border-radius:3.5rem;background-color:var(--accent);cursor:pointer;max-width:10.1rem}.Home .description .contact-link .icon-btn{display:flex;border:none;padding:.625rem;align-items:center;gap:.625rem;border-radius:2.5rem;background-color:var(--base-content)}.Home .description .contact-link .icon-btn i{font-size:1.25rem;color:var(--accent)}.Home .description .contact-link .icon-btn:hover{background-color:var(--accent-focus)}@media screen and (min-width: 992px){.Home{padding:.75rem 1.5rem}}@media screen and (min-width: 1200px){.Home{flex-wrap:nowrap;width:80%;padding:8rem 1.5rem}.Home .user-info{justify-content:space-between}.Home .description{width:35%}}@media screen and (min-width: 1920px){.Home{width:65%}}.Projects{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.Projects .heading{display:flex;flex-direction:column;align-items:center;gap:1rem}.Projects .heading h1{line-height:2}.Projects .heading p{text-align:center;font-size:.875rem;line-height:1.25;opacity:.6}.Projects .project-card{display:flex;width:29.75rem;padding:2rem;gap:.625rem;border-radius:1.25rem;border:1px solid var(--accent);background-color:var(--base-100)}.Projects .project-card:hover{background-color:var(--base-200);cursor:pointer}.Projects .project-card .project-content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.Projects .project-card .project-content .project-frame{display:flex;padding:1rem;gap:.625rem;border-radius:.75rem;background-color:var(--accent)}.Projects .project-card .project-text{text-decoration:none}.Projects .project-card .project-text h2{font-size:1.5rem;font-weight:500;margin-bottom:1rem;line-height:2;color:var(--base-content)}.Projects .project-card .project-text p{font-size:1rem;line-height:1.5;opacity:.6;color:var(--base-content)}@media screen and (min-width: 768px){.Projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3rem;padding-bottom:5rem}.Projects .heading h1{font-size:1.875rem;line-height:2.25}.Projects .heading p{line-height:1.5;font-size:1rem}.Projects .project-card{width:19.25rem;padding:1.5rem}}@media screen and (min-width: 1200px){.Projects{gap:4rem;width:60%}.Projects .heading h1{font-size:3rem;line-height:3.5}.Projects .heading p{font-size:1.125rem;line-height:1.75}.Projects .project-card{width:20rem}}.Resume{display:flex;flex-direction:column;align-items:center;gap:2rem}.Resume .heading-resume{width:29.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.Resume .heading-resume h1{font-size:1.5rem;font-weight:700;line-height:2}.Resume .heading-resume p{text-align:center;font-size:.875rem;line-height:1.25rem;opacity:.6}.Resume .content-resume{width:29.81rem;padding:1.5rem;gap:.625rem;border-radius:1.25rem;background-color:var(--base-100)}.Resume .card-resume{display:flex;width:26.8125rem;flex-direction:column;align-items:flex-start;gap:2.5rem}.Resume .item-resume{display:flex;width:26.81rem;flex-direction:column;align-items:flex-start;gap:1.5rem}.Resume .item-heading{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.Resume .item-heading h2{font-size:1.125rem;font-weight:600;line-height:1.75}.Resume .badge-resume{border-radius:.375rem;background:#3cc2881a;display:flex;padding:.25rem .75rem;align-items:flex-start;gap:.625rem}.Resume .badge-resume p{font-size:.75rem;font-weight:500;line-height:1;color:var(--accent)}.Resume .info-resume{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.Resume .info-resume h3{font-size:1.125rem;font-weight:500;line-height:1.75}.Resume .info-resume p{width:23.5rem;line-height:1.5;opacity:.5}.Resume .divider-resume{width:26.81rem;height:.0625rem;opacity:.1;background-color:var(--base-content)}.Resume .btn-container{display:flex;padding:.25rem .25rem .25rem 1.25rem;justify-content:center;align-items:center;color:var(--base-content);gap:1rem;font-family:Inter;font-size:1rem;font-weight:500;border-radius:3.5rem;background-color:var(--accent);border:none;cursor:pointer;text-decoration:none}.Resume .btn-container .btn-resume{display:flex;padding:.625rem;align-items:center;gap:.625rem;border-radius:2.5rem;background-color:var(--base-content)}.Resume .btn-container .btn-resume i{width:1.25rem;height:1.25rem;color:var(--accent);display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.Resume{gap:3rem}.Resume .heading-resume{width:90%}.Resume .heading-resume h1{font-size:1.875rem;line-height:2.25}.Resume .heading-resume p{font-size:1rem;line-height:1.5}.Resume .content-resume{width:45rem}.Resume .card-resume{width:42rem}.Resume .item-resume{width:42rem;display:flex;flex-direction:row;justify-content:space-between}.Resume .divider-resume{width:42rem}.Resume .btn-container:hover{background-color:var(--accent-focus)}}@media screen and (min-width: 1200px){.Resume{padding-bottom:5rem;gap:4rem}.Resume .heading-resume{width:50%}.Resume .heading-resume h1{font-size:3rem;line-height:3.5}.Resume .heading-resume p{font-size:1.125rem;line-height:1.75}.Resume .content-resume{width:60%;padding:2.5rem}.Resume .content-resume .card-resume{margin:0 auto}.Resume .btn-container{margin-top:2rem}}@media screen and (min-width: 1920px){.Resume .heading-resume{width:70%}.Resume .content-resume{width:75%}}.Contact{background-color:var(--base-100);border-radius:1.25rem;display:flex;flex-direction:column;gap:5rem}.Contact .info-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.Contact .info-container h1{line-height:2}.Contact .info-container p{text-align:center;font-size:.875rem;line-height:1.25;opacity:.6;width:90%}.Contact .contact-wrapper form{display:flex;flex-direction:column;padding:.75rem;gap:.625rem;margin-bottom:2rem}.Contact .contact-wrapper form h2{font-weight:500;line-height:2}.Contact .contact-wrapper form .form-group{display:flex;flex-direction:column;gap:.5rem}.Contact .contact-wrapper form .form-group label{opacity:.8;font-size:.875rem;line-height:1.25}.Contact .contact-wrapper form #name,.Contact .contact-wrapper form #email,.Contact .contact-wrapper form #message{background-color:var(--base-200);border-radius:.5rem;border:none;outline:none}.Contact .contact-wrapper form #name,.Contact .contact-wrapper form #email{height:3rem;text-indent:.625rem}.Contact .contact-wrapper form #message{text-indent:.625rem;padding-top:.75rem}.Contact .contact-wrapper form .submit-btn button{display:flex;padding:.25rem .25rem .25rem 1.25rem;justify-content:center;align-items:center;gap:1rem;color:var(--base-content);text-decoration:none;font-size:1.1rem;font-weight:500;line-height:1.5;border-radius:3.5rem;background-color:var(--accent);cursor:pointer;border:none;font-family:Inter,sans-serif}.Contact .contact-wrapper form .submit-btn button .icon-btn{display:flex;padding:.625rem;align-items:center;gap:.625rem;border-radius:2.5rem;background-color:var(--base-content)}.Contact .contact-wrapper form .submit-btn button .icon-btn i{color:var(--accent);font-size:1.3rem}.answer{margin:0 auto;font-size:2rem;font-weight:500;text-align:end;padding:2.5rem}.answer i{color:var(--accent);margin-right:1rem;font-size:2.5rem}@media screen and (min-width: 992px){.Contact{width:70%}}@media screen and (min-width: 1200px){.Contact{width:80%}.Contact .info-container h1{font-size:3rem}.Contact .info-container p{font-size:1.125rem;line-height:1.75}.Contact .contact-wrapper{display:flex;justify-content:space-around}.Contact .contact-wrapper form{width:44rem}.Contact .answer{font-size:3rem;font-weight:600}.Contact .answer i{font-size:2.5rem}}@media screen and (min-width: 1920px){.Contact{width:65%}.Contact .info-container p{width:80%}}.SectionContact{display:flex;flex-direction:column;gap:2rem}.SectionContact .card-container{background-color:var(--base-100);border-radius:.75rem;display:flex;flex-direction:column;gap:1.5rem}.SectionContact .card-container .wrapper{display:flex;justify-content:center}.SectionContact .card-container .wrapper .icon-container{padding:.625rem;background-color:var(--accent);border-radius:3.125rem}.SectionContact .card-container .wrapper .icon-container i{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.SectionContact .card-container .card-group{display:flex;justify-content:space-between;padding:0 .75rem .75rem}.SectionContact .card-container .card-group .card-01{display:flex;flex-direction:column;gap:.75rem}.SectionContact .card-container .card-group .card-01 p{font-size:.875rem;line-height:1.25}.SectionContact .card-container .card-group .card-02{display:flex;flex-direction:column;gap:.75rem;opacity:.6;text-align:right}.SectionContact .card-container .card-group .card-02 p{font-size:.875rem;line-height:1.25}.SectionContact .card-container .card-group .card-02 a{color:var(--base-content);font-size:.875rem;line-height:1.25;text-decoration:none}.SectionContact .contact-divider{height:.0625rem;opacity:.1;background-color:#131313}.Skills{display:flex;flex-direction:column;align-items:center;gap:2rem}.Skills .heading-skills{width:29.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.Skills .heading-skills h1{font-size:1.5rem;font-weight:700;line-height:2}.Skills .heading-skills p{text-align:center;font-size:.875rem;line-height:1.25;opacity:.6}.Skills .list-content-container{display:flex;justify-content:space-around;gap:1rem}.Skills .list-content{display:flex;padding:1.5rem;flex-direction:column;align-items:flex-start;gap:.625rem;border-radius:1.25rem;background-color:var(--base-100);box-shadow:0 0 30px #3cc2881a}.Skills .list-content .list-card{gap:2.5rem}.Skills .list-content .list-card .badge-skills{border-radius:.375rem;background:#3cc2881a;display:flex;padding:1.5rem 2.05rem;align-items:flex-start;gap:.625rem}.Skills .list-content .list-card .badge-skills h2{font-size:1.5rem;font-weight:600;line-height:1;color:var(--accent)}@media screen and (min-width: 768px){.Skills{gap:3rem}.Skills .heading-skills{width:90%}.Skills .heading-skills h1{font-size:1.875rem;line-height:2.25rem}.Skills .heading-skills p{font-size:1rem;line-height:1.5}.Skills .list-content-container{gap:2.5rem}}@media screen and (min-width: 992px){.Skills .list-content-container{gap:3.5rem}}@media screen and (min-width: 1200px){.Skills{gap:4rem;padding-bottom:5rem}.Skills .heading-skills{width:50%}.Skills .heading-skills h1{font-size:3rem;line-height:3.5}.Skills .heading-skills p{font-size:1.125rem;line-height:1.75}.Skills .list-content-container{gap:4.5rem}}