@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap";:root{--primary-color: #f6d4b1;--secondary-color: #525252}body{background:var(--primary-color);color:var(--secondary-color)}span{display:inline-block}.dark{background:var(--secondary-color);color:var(--primary-color)}.dark ::selection{background:var(--primary-color);color:var(--secondary-color)}.dark a{color:var(--primary-color)}.dark .icon{color:var(--primary-color);background:transparent}.dark header{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:0 0 4px 1px var(--primary-color)}.dark header .container .header .right .mobile .mobile-view .menu-open .full-screen-menu{background:var(--secondary-color)}.dark h1{transition:.5s all ease-in;color:var(--primary-color)}.dark .highlight{color:var(--secondary-color)}.dark .highlight:after{background-color:var(--primary-color)}.dark .main-section .container .main-body .main-content .connection .connect{margin:4px;border:2px solid var(--primary-color);color:var(--primary-color)}.dark .main-section .container .main-body .main-content .connection .connect:hover{background:var(--primary-color);color:var(--secondary-color)}.dark .menu-items .menu-list-items button{border:2px solid var(--primary-color)}.dark .menu-items .menu-list-items h3:after{background:var(--primary-color)}.dark .contact-form .container .contact-content .form{box-shadow:0 0 4px 1px var(--primary-color)}.dark .contact-form .container .contact-content .form input,.dark .contact-form .container .contact-content .form textarea{border:2px solid var(--primary-color);color:var(--primary-color)}.dark .contact-form .container .contact-content .form input:focus,.dark .contact-form .container .contact-content .form textarea:focus{border:1px solid var(--primary-color)}.dark .contact-form .container .contact-content .form .right .form-submit{border:2px solid var(--primary-color);color:var(--primary-color)}.dark .contact-form .container .contact-content .form .right .form-submit:hover{background:var(--primary-color);color:var(--secondary-color)}.dark .projects .container .projects-content .projects-container .project-grid .project-card{box-shadow:0 0 3px 1px var(--primary-color)}.dark .projects .container .projects-content .projects-container .project-grid .project-card:hover{box-shadow:1px 2px 4px 1px var(--primary-color)}.dark footer{border-top:2px solid var(--primary-color)}.dark footer .container .footer-content .footer-list .footer-list-item{border:2px solid var(--primary-color)}.dark footer .container .footer-content .footer-list .footer-list-item:hover{background-color:var(--primary-color)}.dark footer .container .footer-content .footer-list .footer-list-item:hover .icon{color:var(--secondary-color)}::selection{color:var(--primary-color);background:var(--secondary-color)}::-webkit-scrollbar{width:10px;background-color:var(--secondary-color)}::-webkit-scrollbar-thumb{border-radius:0;background:var(--primary-color);border:2px solid var(--secondary-color)}*,:after,:before{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding:0;margin:0;transition:background color border .15s ease;cursor:none}.custom-cursor{position:fixed;width:24px;height:24px;background-color:#525252;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;z-index:9999;-webkit-user-select:none;user-select:none;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:none}html{font-size:62.5%;font-family:Inter,sans-serif}a{color:var(--secondary-color);text-decoration:none}ul li{list-style:none}h1{font-size:2.4rem}h2{font-size:2.2rem}h3{font-size:1.8rem}button{outline:none;border:none;background:transparent}label,input,textarea{width:100%;display:block;border:none;outline:none}textarea{resize:none}.container{padding-left:1rem;padding-right:1rem;max-width:117rem;margin:0 auto}.icon{font-size:2rem;color:var(--secondary-color);background:transparent}.blank{margin-top:10rem}.highlight{color:var(--primary-color);position:relative;padding:2px 5px;font-weight:400}.highlight:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);-webkit-transform:rotate(-2deg);transform:rotate(-2deg);z-index:-1}header{position:fixed;width:100%;top:0;z-index:1111;background:var(--primary-color);box-shadow:0 0 4px 1px var(--secondary-color)}header .container .header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}header .container .header .left .name h1{font-weight:900;font-size:32px}header .container .header .right .desktop .menu-items{display:flex;align-items:center;justify-content:space-between;gap:30px}header .container .header .right .desktop .menu-items .menu-list-items h3{font-size:1.4rem;font-weight:700}header .container .header .right .mobile{display:none}.main-section{height:80vh;margin-top:10rem;display:flex;justify-content:center;align-items:center}.main-section .container .main-body{max-width:60vw}.main-section .container .main-body .main-content{text-align:center}.main-section .container .main-body .main-content .main-title{margin-bottom:4.5rem}.main-section .container .main-body .main-content .main-title h1{font-size:4.5rem;font-weight:900}.main-section .container .main-body .main-content .main-subtitle{margin-bottom:2rem}.main-section .container .main-body .main-content .main-subtitle h3{font-weight:400}.main-section .container .main-body .main-content .connection{display:flex;justify-content:center}.main-section .container .main-body .main-content .connection .connect{margin:4px;border:2px solid var(--secondary-color);color:var(--secondary-color);font-size:1.8rem;font-weight:700;padding:10px 25px;border-radius:5px}.main-section .container .main-body .main-content .connection .connect:hover{transition:all .3s ease-in-out;background:var(--secondary-color);color:var(--primary-color)}.menu-items .menu-list-items button{width:50px;border:2px solid var(--secondary-color);border-radius:50px}.menu-items .menu-list-items button .mode{display:flex}.menu-items .menu-list-items button .mode-two{display:flex;margin-left:52%}.menu-items .menu-list-items button:active .dark{transition:transform .3s;transform:translate(100%)}.menu-items .menu-list-items button:active .light{transition:transform .3s;transform:translate(-100%)}.menu-items .menu-list-items h3:after{content:"";display:block;width:0;height:2px;background:var(--secondary-color);transition:width .3s}.menu-items .menu-list-items h3:hover:after{width:100%}.contact-form{margin:6rem 0}.contact-form .container{display:flex;justify-content:center;align-items:center}.contact-form .container .contact-content{width:80vw;text-align:center}.contact-form .container .contact-content .form{margin-top:2rem;display:flex;border-radius:10px;padding:2rem;justify-content:space-between;box-shadow:0 0 4px 1px var(--secondary-color)}.contact-form .container .contact-content .form .left,.contact-form .container .contact-content .form .right{width:100%;padding:10px}.contact-form .container .contact-content .form .form-element{margin:2rem 0}.contact-form .container .contact-content .form label{font-size:1.6rem;text-align:left;margin:5px 0}.contact-form .container .contact-content .form input,.contact-form .container .contact-content .form textarea{border-radius:5px;border:2px solid var(--secondary-color);color:var(--secondary-color);background:transparent;padding:11px 5px;font-size:1.4rem;font-family:inherit}.contact-form .container .contact-content .form input:focus,.contact-form .container .contact-content .form textarea:focus{border:1px solid var(--secondary-color)}.contact-form .container .contact-content .form .right .form-submit{border:2px solid var(--secondary-color);color:var(--secondary-color);font-size:1.8rem;font-weight:700;padding:10px 25px;border-radius:5px;width:100%}.contact-form .container .contact-content .form .right .form-submit:hover{transition:all .3s ease-in-out;background:var(--secondary-color);color:var(--primary-color)}.about{margin:6rem 0}.about .container .about-content{text-align:center}.about .container .about-content .about-me{margin:2rem 0}.about .container .about-content .about-me .name{text-align:center}.about .container .about-content .about-me p{font-size:16px;letter-spacing:1px;line-height:1.5}.about .container .about-content .current-stack,.about .container .about-content .future-stack{margin:2.4rem 0}.about .container .about-content .current-stack p,.about .container .about-content .future-stack p{margin:2rem 0}.about .container .about-content .current-stack p .icon,.about .container .about-content .future-stack p .icon{margin:0 1rem;font-size:40px}.about .container .about-content .current-stack p .stack:hover,.about .container .about-content .future-stack p .stack:hover{transition:transform .5s;transform:rotate(360deg)}.emoji{animation:moveEmoji 2s ease-in-out infinite}@keyframes moveEmoji{0%{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(-45deg)}75%{transform:rotate(45deg)}to{transform:rotate(0)}}.projects{margin:6rem 0}.projects .container .projects-content{text-align:center}.projects .container .projects-content .projects-container{margin:2rem 0}.projects .container .projects-content .projects-container .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.projects .container .projects-content .projects-container .project-grid .project-card{transition:all .5s ease-in-out;width:100%;border-radius:5px;box-shadow:0 0 3px 1px var(--secondary-color)}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-header{padding:1rem}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-header .img{overflow:hidden}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-header .img img{transition:all .5s ease-in-out;width:100%}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer{padding:2rem 1rem 0 1.5rem}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-name{margin-bottom:2rem}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .desc{font-size:14px;margin-bottom:1.5rem}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .languages{margin:1rem 0}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .languages .lang{margin:0 .3rem;font-size:13px}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .links{display:flex;align-items:center;justify-content:flex-end;margin:1rem 0}.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .links .website,.projects .container .projects-content .projects-container .project-grid .project-card .project-card-footer .project-desc .links .github{margin:0 .5rem}.projects .container .projects-content .projects-container .project-grid .project-card:hover{transition:all .5s ease-in-out;box-shadow:1px 2px 4px 1px var(--secondary-color)}.projects .container .projects-content .projects-container .project-grid .project-card:hover img{transition:all .5s ease-in-out;transform:scale(1.12)}footer{border-top:2px solid var(--secondary-color)}footer .container .footer-content{margin:4rem auto;text-align:center}footer .container .footer-content .footer-list{display:flex;justify-content:center;align-items:center}footer .container .footer-content .footer-list .footer-list-item{border:2px solid var(--secondary-color);padding:8px 8px 6px;border-radius:50%;margin:2rem 1rem 0}footer .container .footer-content .footer-list .footer-list-item:hover{transition:all .4s cubic-bezier(.47,0,.745,.715);background-color:var(--secondary-color)}footer .container .footer-content .footer-list .footer-list-item:hover .icon{color:var(--primary-color)}footer .container .footer-content .copyrights{font-size:1.3rem}@media screen and (max-width: 768px){.contact-form .container .contact-content{width:100%}.contact-form .container .contact-content .form{flex-direction:column}.contact-form .container .contact-content .form .left{padding-bottom:0}.contact-form .container .contact-content .form .right{padding-top:0}.contact-form .container .contact-content .form .right .form-element{margin-top:0}.projects .container .projects-content .projects-container .project-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){h2{font-size:2rem}h3{font-size:1.6rem}header .container .header .right .desktop{display:none}header .container .header .right .mobile{display:block}header .container .header .right .mobile .mobile-view .menu-btn{font-size:2rem}header .container .header .right .mobile .mobile-view .menu-open{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(-100%);position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);z-index:1}header .container .header .right .mobile .mobile-view .menu-open.active{opacity:1;transform:translateY(0)}header .container .header .right .mobile .mobile-view .menu-open .full-screen-menu{position:absolute;top:0;right:0;height:100%;width:100%;background:var(--primary-color);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}header .container .header .right .mobile .mobile-view .menu-open .full-screen-menu .menu-close{position:absolute;top:2rem;right:2rem;font-size:2rem}header .container .header .right .mobile .mobile-view .menu-open .full-screen-menu .menu-items .menu-list-items{font-size:1.4rem;text-align:center;margin:15px 0}.main-section .container .main-body{max-width:100vw}.main-section .container .main-body .connection{width:234px;flex-direction:column;align-items:center;margin:0 auto}.about .container .about-content .about-me .name,.about .container .about-content .about-me p{font-size:14px}.about .container .about-content .current-stack p .icon,.about .container .about-content .future-stack p .icon{margin:0 .6rem;font-size:34px}.projects .container .projects-content .projects-container .project-grid{grid-template-columns:repeat(1,1fr)}}