body.dark .articles,body.white .articles{padding:7rem 8rem 5.9rem}body.dark .articles .container-articles .articles-introduce,body.white .articles .container-articles .articles-introduce{margin-bottom:5rem;width:80ch}body.dark .articles .container-articles .articles-introduce h2{font-size:3rem;color:#fff}body.white .articles .container-articles .articles-introduce h2{font-size:3rem;color:#27272a}body.dark .articles .container-articles .articles-introduce p,body.white .articles .container-articles .articles-introduce p{margin-top:1rem;font-size:1.25rem;margin-bottom:1.75rem;line-height:2.25rem;width:75ch}body.dark .articles .container-articles .articles-introduce p{color:#a1a1aa}body.white .articles .container-articles .articles-introduce p{color:#52525b}body.dark .articles .container-articles .development{color:#fff;font-size:1.75rem!important}body.white .articles .container-articles .development{color:#27272a;font-size:1.75rem!important}body.dark .articles-content,body.white .articles-content{display:grid;padding-left:2rem;margin-top:8rem;grid-template-columns:150px 600px}body.dark .articles-intro-border,body.white .articles-intro-border{padding-left:2rem;display:flex;flex-direction:column;gap:4rem}body.dark .articles-intro-border{border-left:1px solid rgba(63,63,70,.4)}body.white .articles-intro-border{border-left:1px solid #f4f4f5}body.dark .articles-intro-border .container-article-all,body.white .articles-intro-border .container-article-all{display:flex;gap:4rem}body.dark .articles-intro-border .container-article-all .articles-intro-date,body.white .articles-intro-border .container-article-all .articles-intro-date{font-size:1.25rem;cursor:default;width:120px}body.dark .articles-intro-border .container-article-all .articles-intro-date{color:#84848b}body.white .articles-intro-border .container-article-all .articles-intro-date{color:#a1a1aa}body.dark .articles-intro-border .container-article-all .articles-intro,body.white .articles-intro-border .container-article-all .articles-intro{width:590px;transition:background-color .3s;padding:2rem;margin-top:-2rem;border-radius:1rem}body.dark .articles-intro-border .container-article-all .articles-intro .articles-intro-title,body.white .articles-intro-border .container-article-all .articles-intro .articles-intro-title{font-size:1.5rem;font-weight:500;margin-bottom:.75rem;font-weight:600}body.dark .articles-intro-border .container-article-all .articles-intro .articles-intro-title{color:#fff}body.white .articles-intro-border .container-article-all .articles-intro .articles-intro-title{color:#27272a}body.dark .articles-intro-border .container-article-all .articles-intro .articles-intro-description{color:#a5a5ac;font-size:1.25rem;margin-bottom:1.5rem}body.white .articles-intro-border .container-article-all .articles-intro .articles-intro-description{color:#52525b;font-size:1.25rem;margin-bottom:1.5rem}body.dark .articles-intro-border .container-article-all .articles-intro:hover{background-color:#202022}body.white .articles-intro-border .container-article-all .articles-intro:hover{background-color:#fafafa}body.dark .articles-intro-border .container-article-all .articles-intro .read-article,body.white .articles-intro-border .container-article-all .articles-intro .read-article{display:flex;align-items:center;gap:1rem}body.dark .articles-intro-border .container-article-all .articles-intro .read-article span,body.white .articles-intro-border .container-article-all .articles-intro .read-article span{color:#2dd4bf;font-weight:600;font-size:1.25rem}body.dark .articles-intro-border .container-article-all .articles-intro .read-article svg,body.white .articles-intro-border .container-article-all .articles-intro .read-article svg{width:10px;fill:#2dd4bf}body.dark .article-content .article-content-text .article-richtext-content ul,body.white .article-content .article-content-text .article-richtext-content ul{padding-left:2rem;list-style:disc}body.dark .article-content .article-content-text .article-richtext-content ul li,body.white .article-content .article-content-text .article-richtext-content ul li{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:.875rem}body.dark .article-content .article-content-text .article-richtext-content ul li{color:#a1a1aa}body.white .article-content .article-content-text .article-richtext-content ul li{color:#52525b}body.dark .article-content .article-content-text .article-richtext-content ul li::marker{color:#fff}body.white .article-content .article-content-text .article-richtext-content ul li::marker{color:#18181b}@media (max-width:1215px){body.dark .articles,body.white .articles{padding:7rem 3rem 5.5rem}}@media (max-width:837px){body.dark .articles-intro-border .container-article-all,body.white .articles-intro-border .container-article-all{gap:2rem}}@media (max-width:810px){body.dark .articles-intro-border .container-article-all .articles-intro,body.white .articles-intro-border .container-article-all .articles-intro{width:550px}}@media (max-width:770px){body.dark .articles .container-articles .articles-introduce p,body.white .articles .container-articles .articles-introduce p{width:100%}}@media (max-width:767px){body.dark .articles-intro-border,body.white .articles-intro-border{border:none;padding-left:0;gap:1.5rem}body.dark .articles-intro-border .container-article-all .articles-intro-date,body.white .articles-intro-border .container-article-all .articles-intro-date{width:100%;cursor:pointer;display:flex;align-items:center}body.dark .articles-intro-border .container-article-all .articles-intro-date:before{content:"";width:2px;height:15px;background-color:#84848b;display:inline-block;margin-right:.75em}body.white .articles-intro-border .container-article-all .articles-intro-date:before{content:"";width:2px;height:15px;background-color:#a1a1aa;display:inline-block;margin-right:.75em}body.dark .articles-intro-border .container-article-all,body.white .articles-intro-border .container-article-all{display:flex;flex-direction:column}body.dark .articles-intro-border .container-article-all .articles-intro,body.white .articles-intro-border .container-article-all .articles-intro{padding:1rem 0 0;width:100%}body.dark .articles-intro-border .container-article-all .articles-intro:hover,body.white .articles-intro-border .container-article-all .articles-intro:hover{background-color:transparent}body.dark .articles-intro-border .container-article-all,body.white .articles-intro-border .container-article-all{transition:background-color .3s;border-radius:1rem;padding:2rem;margin-left:-1.5rem;margin-right:-1.5rem}body.dark .articles-intro-border .container-article-all:hover{background-color:#202022}body.white .articles-intro-border .container-article-all:hover{background-color:#fafafa}body.dark .articles .container-articles .articles-introduce,body.white .articles .container-articles .articles-introduce{margin-bottom:3rem}}@media (max-width:570px){body.dark .articles .container-articles .articles-introduce,body.white .articles .container-articles .articles-introduce{width:100%!important}}@media (max-width:590px){body.dark .articles,body.white .articles{padding:3rem 3rem 5.5rem}}body.dark .contact,body.white .contact{padding:7rem 8rem 5.9rem}body.dark .contact .container-contact .contact-introduce,body.white .contact .container-contact .contact-introduce{margin-bottom:4rem}body.dark .contact .container-contact .contact-introduce h2,body.white .contact .container-contact .contact-introduce h2{font-size:3rem}body.dark .contact .container-contact .contact-introduce h2{color:#fff}body.white .contact .container-contact .contact-introduce h2{color:#27272a}body.dark .contact .container-contact .contact-introduce p,body.white .contact .container-contact .contact-introduce p{margin-bottom:1.75rem;line-height:2.25rem;width:80ch;margin-top:1rem;font-size:1.25rem}body.dark .contact .container-contact .contact-introduce p{color:#a1a1aa}body.white .contact .container-contact .contact-introduce p{color:#52525b}body.dark .contact .container-contact .contact-content,body.white .contact .container-contact .contact-content{display:grid;grid-template-columns:150px 600px;padding-left:2rem;margin-top:8rem}body.dark .contact .container-contact .contact-content{border-left:1px solid rgba(63,63,70,.4)}body.white .contact .container-contact .contact-content{border-left:1px solid #f4f4f5}body.dark .contact .container-contact .contact-content .contact-me,body.white .contact .container-contact .contact-content .contact-me p{font-size:1.25rem;font-weight:500}body.dark .contact .container-contact .contact-content .contact-me p{color:#fff}body.white .contact .container-contact .contact-content .contact-me p{color:#a1a1aa}body.dark .contact .container-contact .contact-content .contact-schedule,body.white .contact .container-contact .contact-content .contact-schedule{transition:background-color .3s;padding:2rem;margin-top:-2rem;border-radius:1rem}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info h3,body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info h3{font-size:1.5rem;margin-bottom:.75rem}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info h3{color:#fff}body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info h3{color:#27272a}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info p,body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info p{font-size:1.25rem;line-height:2.25rem;margin-bottom:1.5rem}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info p{color:#a1a1aa}body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info p{color:#52525b}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now,body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now{display:flex;align-items:center;gap:1rem}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now span,body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now span{color:#2dd4bf;font-weight:600;font-size:1.25rem}body.dark .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now svg,body.white .contact .container-contact .contact-content .contact-schedule .contact-content-info .contact-info .contact-schedule-now svg{width:10px;fill:#2dd4bf}body.dark .contact .container-contact .contact-content .contact-schedule:hover{background-color:#202022}body.white .contact .container-contact .contact-content .contact-schedule:hover{background-color:#fafafa}@media (max-width:1215px){body.dark .contact,body.white .contact{padding:7rem 3rem 5.5rem}}@media (max-width:820px){body.dark .contact .container-contact .contact-content,body.white .contact .container-contact .contact-content{grid-template-columns:100px 600px}}@media (max-width:770px){body.dark .contact .container-contact .contact-introduce p,body.white .contact .container-contact .contact-introduce p{width:100%}body.dark .contact .container-contact .contact-content,body.white .contact .container-contact .contact-content{padding-left:0;border-left:none;grid-template-columns:1fr;margin-left:-2rem}body.dark .contact .container-contact .contact-content .contact-me,body.white .contact .container-contact .contact-content .contact-me{display:none}}@media (max-width:625px){.contact{padding:7rem 3rem 3.5rem}}@media (max-width:600px){body.dark .contact,body.white .contact{padding:7rem 3rem 0}body.dark .contact .container-contact .contact-content,body.white .contact .container-contact .contact-content{margin-top:7rem}}@media(max-width:590px){body.dark .contact,body.white .contact{padding:3rem 3rem 0}}@media (max-width:505px){body.dark .contact,body.white .contact{padding:3rem}body.dark .contact .container-contact .contact-content,body.white .contact .container-contact .contact-content{margin-top:4rem}body.dark footer,body.white footer{margin-top:2rem}}.courses{padding:5rem 8rem 0}.courses .container-courses h2{font-size:2.5rem;color:#fff;margin-bottom:2rem}.courses .container-courses .card-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.courses .container-courses .card-content img{height:250px;object-fit:cover;border-radius:5px}.courses .container-courses .card-content .card-course img{cursor:pointer;transition:transform .3s ease;object-fit:cover;object-position:center;width:100%;height:100%}.courses .container-courses .card-content .card-course img:hover{transform:scale(1.025)}.courses .container-courses .card-content .card-course .card-info h4{color:#fff;font-size:1.5rem}.courses .container-courses .card-content .card-course .card-info ul li{font-size:1rem;color:#a1a1aa}@media (max-width:1215px){.courses{padding:4rem 3rem 1rem}}@media (max-width:1000px){.courses .container-courses .card-content{grid-template-columns:1fr 1fr}.courses .container-courses .card-content img{height:100%}}@media (max-width:600px){.courses .container-courses .card-content{grid-template-columns:1fr}}body.dark .experience,body.white .experience{padding:5rem 8rem 2rem}body.dark .experience .container-experience .experience-introduce,body.white .experience .container-experience .experience-introduce{margin-bottom:3rem}body.dark .experience .container-experience .experience-introduce h2{font-size:2.5rem;color:#fff}body.white .experience .container-experience .experience-introduce h2{font-size:2.5rem;color:#27272a}body.dark .experience .container-experience .experience-introduce p,body.white .experience .container-experience .experience-introduce p{margin-top:1rem;font-size:1.25rem;margin-bottom:1.75rem;width:70ch}body.dark .experience .container-experience .experience-introduce p{color:#a1a1aa}body.white .experience .container-experience .experience-introduce p{color:#52525b}body.dark .experience .container-experience .experience-content,body.white .experience .container-experience .experience-content{display:grid;grid-template-columns:20px 150px 1fr}body.dark .experience .container-experience .experience-content .border{width:1px;height:100%;background-color:rgba(63,63,70,.4)}body.white .experience .container-experience .experience-content .border{width:1px;height:100%;background-color:#f4f4f5}body.dark .experience .container-experience .experience-content .experience-journey p{font-size:1.25rem;color:#fff;font-weight:500}body.white .experience .container-experience .experience-content .experience-journey p{font-size:1.25rem;color:#a1a1aa;font-weight:500}body.dark .experience .container-experience .experience-content .experience-content-info,body.white .experience .container-experience .experience-content .experience-content-info{display:flex;flex-direction:column;gap:1.5rem}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info h3{font-size:1.25rem;font-weight:400;color:#b2b2b8}body.white .experience .container-experience .experience-content .experience-content-info .experience-info h3{font-size:1.25rem;font-weight:400;color:#202022}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info .job{font-size:1.85rem;font-weight:400;color:#fff}body.white .experience .container-experience .experience-content .experience-content-info .experience-info .job{font-size:1.85rem;font-weight:400;color:#202022}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info .time-experience{color:#a3a3a6;font-size:1.15rem;font-weight:400;margin-bottom:.5rem}body.white .experience .container-experience .experience-content .experience-content-info .experience-info .time-experience{color:#202022;font-weight:400;font-size:1.15rem;margin-bottom:.5rem}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info ul li,body.white .experience .container-experience .experience-content .experience-content-info .experience-info ul li{width:100ch;font-size:1.2rem;list-style:initial;line-height:2.25rem;margin-left:1.25rem}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info ul li{color:#a1a1aa}body.white .experience .container-experience .experience-content .experience-content-info .experience-info ul li{color:#52525b}@media (max-width:1215px){body.dark .experience,body.white .experience{padding:4rem 3rem 0}body.dark .experience .container-experience .experience-content .experience-content-info .experience-info ul li,body.white .experience .container-experience .experience-content .experience-content-info .experience-info ul li{width:100%}}@media (max-width:950px){body.dark .experience .container-experience .experience-content .experience-content-info .experience-info ul li,body.white .experience .container-experience .experience-content .experience-content-info .experience-info ul li{width:100%}}@media (max-width:750px){body.dark .experience .container-experience .experience-content,body.white .experience .container-experience .experience-content{grid-template-columns:20px 100px 1fr}}@media (max-width:680px){body.dark .experience .container-experience .experience-content,body.white .experience .container-experience .experience-content{padding-left:0;border-left:none;grid-template-columns:1fr}body.dark .experience .container-experience .experience-content .experience-journey,body.white .experience .container-experience .experience-content .experience-journey{display:none}}@media (max-width:580px){body.dark .experience .container-experience .experience-introduce p,body.white .experience .container-experience .experience-introduce p{width:100%}}body.dark .header,body.white .header{padding:2rem 8rem 0}body.dark .nav-bar,body.white .nav-bar{width:100%;position:relative;list-style:none;justify-content:space-between}body.dark .logo,body.dark .nav-bar,body.white .logo,body.white .nav-bar{display:flex;align-items:center;gap:2rem}body.dark .logo p,body.white .logo p{font-size:2rem;font-weight:700}body.dark .logo p{color:#fff}body.white .logo p{color:#18181b}body.dark .logo p:after,body.white .logo p:after{content:".dev";font-weight:700;background:linear-gradient(90deg,#288e80,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .logo img,body.white .logo img{width:48px;height:48px;border-radius:50%}body.dark .logo img{padding:3px}body.dark .header-menu,body.white .header-menu{display:flex;gap:2.5rem}body.dark .menu-desktop,body.white .menu-desktop{display:flex;align-items:center}body.dark .menu-mobile-hamburguer,body.white .menu-mobile-hamburguer{display:none}body.dark .menu-navbar .header-menu-day,body.white .menu-navbar .header-menu-day{display:flex;align-items:center;gap:.6rem;margin-right:3rem;cursor:pointer}body.dark .menu-navbar .group-icon,body.white .menu-navbar .group-icon{display:flex;align-items:center;gap:3rem}body.dark .menu-navbar .group-icon img,body.white .menu-navbar .group-icon img{cursor:pointer}body.dark .menu,body.white .menu{display:none}body.dark .menu li,body.white .menu li{padding-left:3rem}body.dark .menu li a,body.white .menu li a{display:inline-block;text-decoration:none;text-align:center;position:relative}body.dark .menu li a:after,body.white .menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;transition:.15s ease-in-out}body.dark .close-menu,body.dark .open-menu,body.white .close-menu,body.white .open-menu{position:absolute;cursor:pointer;font-size:1.5rem;display:none}body.dark header .container .nav-bar .menu .menu-navbar .social-media,body.white header .container .nav-bar .menu .menu-navbar .social-media{position:absolute;top:0;left:0;margin-left:3rem;margin-top:2rem}body.dark .close-menu svg{fill:#fff}body.white .close-menu svg{fill:#000}body.dark .open-menu,body.white .open-menu{top:50%;right:20px;transform:translateY(-50%)}body.dark .menu-group,body.white .menu-group{display:none}body.dark .menu-group .theme-button-menu,body.white .menu-group .theme-button-menu{margin-right:-10px}body.dark .menu-group .theme-button-menu button,body.white .menu-group .theme-button-menu button{background:none;outline:none;border:none;padding-top:4px}body.dark .menu-group .theme-button-menu button svg,body.white .menu-group .theme-button-menu button svg{width:1.9rem;height:1.9rem;cursor:pointer;transition:stroke .3s}body.dark .menu-group .theme-button-menu button svg{stroke:#fff}body.white .menu-group .theme-button-menu button svg{stroke:#18181b}body.dark .menu-group .theme-button-menu button:hover svg,body.white .menu-group .theme-button-menu button:hover svg{stroke:#2dd4bf}body.dark .menu-align-end,body.white .menu-align-end{display:none}body.dark .menu-right,body.white .menu-right{display:block}body.dark .menu-right nav ul,body.white .menu-right nav ul{font-weight:500!important;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:400}body.dark .menu-right nav ul li.theme-button button,body.white .menu-right nav ul li.theme-button button{background:none;outline:none;border:none;padding-top:4px;padding-left:8px}body.dark .menu-right nav ul li.theme-button button svg,body.white .menu-right nav ul li.theme-button button svg{width:1.9rem;height:1.9rem;cursor:pointer;transition:stroke .3s}body.white .menu-right nav ul li.theme-button button svg{stroke:#18181b}body.dark .menu-right nav ul li.theme-button button svg{stroke:#fff}body.dark .menu-right nav ul li.theme-button button:hover svg,body.white .menu-right nav ul li.theme-button button:hover svg{stroke:#2dd4bf}body.white .menu-right nav ul{color:#18181b}body.dark .menu-right nav ul{color:#fff}body.dark .menu-right nav ul li a.active,body.white .menu-right nav ul li a.active{color:#2dd4bf!important}body.dark .menu-right nav ul li,body.white .menu-right nav ul li{position:relative;transition:color .3s}body.dark .menu-right nav ul li:hover,body.white .menu-right nav ul li:hover{color:#2dd4bf}body.dark .menu-right nav ul li a,body.white .menu-right nav ul li a{padding:8px}body.dark .menu-right nav ul li.active-contact a,body.white .menu-right nav ul li.active-contact a{background-color:var(--magenta);color:var(--white)}@media (max-width:1215px){body.dark .header,body.white .header{padding:2rem 3rem 0}}@media (max-width:590px){body.dark .menu-group,body.white .menu-group{display:flex;align-items:center;justify-content:center}body.dark .header,body.white .header{padding:0 0 0 3rem}body.dark .close-menu,body.white .close-menu{padding:3.6rem 3.5rem;top:0;right:0}body.dark .menu,body.white .menu{display:flex}body.dark .menu-desktop,body.dark .menu-right nav,body.white .menu-desktop,body.white .menu-right nav{display:none}body.dark .menu-right,body.white .menu-right{display:flex;gap:2rem}body.dark .menu-right .group-icon,body.white .menu-right .group-icon{display:flex;gap:1.6rem}body.dark .menu-right .group-icon img,body.white .menu-right .group-icon img{width:24px;height:24px;cursor:pointer}body.dark .menu-align-end,body.white .menu-align-end{height:90px;display:flex;padding:2rem 3rem;align-items:center;cursor:pointer}body.dark .menu-align-end svg{width:20px;height:20px;fill:#fff}body.white .menu-align-end svg{width:20px;height:20px;fill:#000}body.dark .header-menu,body.white .header-menu{display:none}body.dark .social-media,body.white .social-media{display:flex;align-items:center;gap:2rem}body.dark .social-media img,body.white .social-media img{width:48px;height:48px;border-radius:50%}body.dark .social-media p{color:#fff;font-size:2rem;font-weight:700}body.white .social-media p{color:#18181b;font-size:2rem;font-weight:700}body.dark .social-media p:after,body.white .social-media p:after{content:".dev";font-weight:700;background:linear-gradient(90deg,#288e80,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .menu,body.white .menu{flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed;top:0;left:-100%;z-index:100;transition:all .2s ease-in-out}body.dark .menu{background:#18181b}body.white .menu{background:#fafafa}body.dark .menu li,body.white .menu li{margin-top:4rem}body.dark .menu li a,body.white .menu li a{padding:1rem 1rem 1rem 0}body.dark .close-menu,body.dark .open-menu,body.white .close-menu,body.white .open-menu{display:block}body.dark .mobile-navbar,body.white .mobile-navbar{left:0;overflow:auto}body.dark .mobile-navbar .menu-mobile-hamburguer,body.white .mobile-navbar .menu-mobile-hamburguer{display:block}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header,body.white .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header{position:absolute;top:80px;left:0;padding-left:3rem;display:flex;flex-direction:column}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li{margin-top:0;padding-left:0;color:#fff}body.white .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li{margin-top:0;padding-left:0;color:#18181b}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li a{color:#fff;font-size:1.5rem;font-weight:500;transition:color .3s}body.white .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li a{color:#18181b;font-size:1.5rem;font-weight:500;transition:color .3s}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li a:hover,body.white .mobile-navbar .menu-mobile-hamburguer .menu-mobile-header li a:hover{color:#2dd4bf}body.dark .mobile-navbar .menu-mobile-hamburguer .border,body.white .mobile-navbar .menu-mobile-hamburguer .border{position:absolute;top:260px;left:0;margin:0 3rem;display:flex;flex-direction:column;height:1px;width:-webkit-fill-available}body.dark .mobile-navbar .menu-mobile-hamburguer .border{background-color:hsla(240,3%,46%,.4)}body.white .mobile-navbar .menu-mobile-hamburguer .border{background-color:#dedee4}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-icons,body.white .mobile-navbar .menu-mobile-hamburguer .menu-icons{display:flex;gap:1rem;align-items:center;position:absolute;top:280px;left:0;margin:0 3rem}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-icons a svg{width:22px;height:22px;transition:fill .3s;fill:#a1a1aa!important}body.white .mobile-navbar .menu-mobile-hamburguer .menu-icons a svg{width:22px;height:22px;transition:fill .3s;fill:#71717a!important}body.dark .mobile-navbar .menu-mobile-hamburguer .menu-icons a svg:hover,body.white .mobile-navbar .menu-mobile-hamburguer .menu-icons a svg:hover{fill:#32bba9!important}}@media (max-width:340px){body.dark .logo img,body.white .logo img{display:none}body.dark .logo,body.white .logo{gap:0}}@media (max-width:310px){body.dark header .container .nav-bar .menu .menu-navbar .social-media .circle,body.white header .container .nav-bar .menu .menu-navbar .social-media .circle{width:50px;height:50px}body.dark .close-menu,body.white .close-menu{padding:3.2rem 3.5rem}body.dark .social-media,body.white .social-media{gap:0}body.dark .social-media img,body.white .social-media img{display:none}body.dark header .container .nav-bar .menu .menu-navbar .social-media,body.white header .container .nav-bar .menu .menu-navbar .social-media{margin-top:2.5rem}}@media (max-width:280px){body.dark .nav-bar,body.white .nav-bar{gap:1rem}}body.dark .info,body.white .info{padding:0 9rem}body.dark .info .container-info,body.white .info .container-info{display:flex;align-items:center;justify-content:center;gap:5rem;margin-top:5rem}body.dark .info .container-info .text-info-me img,body.white .info .container-info .text-info-me img{width:5rem;height:5rem;border-radius:50%}body.dark .container-info .text-info-me h1,body.white .container-info .text-info-me h1{margin-top:1.5rem;margin-bottom:1.5rem;font-size:3rem}body.dark .info .container-info .text-info-me h1{color:#fff}body.white .info .container-info .text-info-me h1{color:#27272a}body.dark .info .container-info .text-info-me p{font-size:1.3rem;color:#a1a1aa;line-height:2rem}body.white .info .container-info .text-info-me p{font-size:1.3rem;line-height:2rem;color:#52525b}body.dark .info .container-info .stack,body.white .info .container-info .stack{display:flex;align-items:center;flex-direction:column;justify-content:space-around;border-radius:5px;padding:5rem;width:70ch;box-shadow:0 0 5px rgba(0,0,0,.1)}body.dark .info .container-info .stack{background-color:rgba(12,12,14,.53)}body.white .info .container-info .stack{background-color:#fafafa}body.dark .info .container-info .stack-info .stack .main-stack,body.white .info .container-info .stack-info .stack .main-stack{display:flex;flex-direction:column;align-items:center}body.dark .info .container-info .stack-info .stack .main-stack span{font-weight:300;color:#dfdfdf;font-size:14px}body.white .info .container-info .stack-info .stack .main-stack span{font-weight:400!important;color:#3e3e46;font-size:14px}body.dark .info .container-info .stack-info .stack .main-stack p,body.white .info .container-info .stack-info .stack .main-stack p{text-align:center;font-size:22px;font-weight:500;width:20ch}body.dark .info .container-info .stack-info .stack .main-stack p{color:#fff}body.white .info .container-info .stack-info .stack .main-stack p{color:#27272a}body.dark .info .container-info .stack-info .stack .tech-images,body.white .info .container-info .stack-info .stack .tech-images{margin-top:1rem;display:flex;gap:1rem}body.dark .info .container-info .stack .tech-images img,body.white .info .container-info .stack .tech-images img{width:3.75rem;box-shadow:none;height:3.75rem}body.dark .info .container-info .text-info-me .info-icons,body.white .info .container-info .text-info-me .info-icons{display:flex;gap:1.25rem;margin-top:2rem}body.dark .info .container-info .text-info-me .info-icons a svg,body.white .info .container-info .text-info-me .info-icons a svg{transition:fill .3s}body.dark .info .container-info .text-info-me .info-icons a svg{width:22px;height:22px;fill:#a1a1aa}body.white .info .container-info .text-info-me .info-icons a svg{width:22px;height:22px;fill:#71717a}body.dark .info .container-info .text-info-me .info-icons a:hover svg,body.white .info .container-info .text-info-me .info-icons a:hover svg{fill:#32bba9}@media (max-width:1215px){body.dark .info,body.white .info{padding:0 3rem}}@media (max-width:1040px){body.dark .info .container-info,body.white .info .container-info{gap:3rem}}@media (max-width:940px){body.dark .info .container-info,body.white .info .container-info{flex-direction:column;margin-top:5.5rem}body.dark .info .container-info .stack-info,body.dark .info .container-info .stack-info .stack,body.white .info .container-info .stack-info,body.white .info .container-info .stack-info .stack{width:100%}}@media (max-width:530px){body.dark .info .container-info .text-info-me h1,body.white .info .container-info .text-info-me h1{font-size:3rem}}@media (max-width:590px){body.dark .info .container-info,body.white .info .container-info{margin-top:2rem}}@media (max-width:430px){body.dark .info .container-info .stack-info .stack .main-stack p,body.white .info .container-info .stack-info .stack .main-stack p{width:20ch}}@media (max-width:380px){body.dark .info .container-info .stack-info .stack .main-stack p,body.white .info .container-info .stack-info .stack .main-stack p{width:100%}}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:.8rem}.loading-name{font-size:4.2rem;font-weight:700;letter-spacing:-.025em;animation:slideUp .6s ease forwards}.loading-accent{background:linear-gradient(90deg,#288e80,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-role{font-size:1.2rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;animation:slideUp .6s ease .15s both}.loading-bar{margin-top:2rem;width:4rem;height:2px;border-radius:2px;overflow:hidden;animation:slideUp .6s ease .3s both}.loading-bar-fill{height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#288e80,#2dd4bf);animation:fill 1.4s ease .4s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fill{0%{width:0}to{width:100%}}body.dark .loading-screen,body:not(.white) .loading-screen{background-color:#18181b}body.dark .loading-name,body:not(.white) .loading-name{color:#fff}body.dark .loading-role,body:not(.white) .loading-role{color:#a1a1aa}body.dark .loading-bar,body:not(.white) .loading-bar{background-color:#2a2a2b}body.white .loading-screen{background-color:#fff}body.white .loading-name{color:#27272a}body.white .loading-role{color:#52525b}body.white .loading-bar{background-color:#f4f4f5}body.dark .project,body.white .project{padding:7rem 8rem 5.9rem}body.dark .project .container-project .project-introduce,body.white .project .container-project .project-introduce{margin-bottom:4rem}body.dark .project .container-project .project-introduce h2{font-size:3rem;color:#fff}body.white .project .container-project .project-introduce h2{font-size:3rem;color:#27272a}body.dark .project .container-project .project-introduce p,body.white .project .container-project .project-introduce p{margin-top:1rem;font-size:1.25rem;margin-bottom:1.75rem;line-height:2.25rem;width:80ch}body.dark .project .container-project .project-introduce p{color:#a1a1aa}body.white .project .container-project .project-introduce p{color:#52525b}body.dark .project .container-project .project-content,body.white .project .container-project .project-content{display:grid;grid-template-columns:20px 200px 1fr}body.dark .project .container-project .project-content .border{width:1px;height:100%;background-color:rgba(63,63,70,.4)}body.white .project .container-project .project-content .border{width:1px;height:100%;background-color:#f4f4f5}body.white .project .container-project .project-content .project-me p{font-size:1.25rem;color:#a1a1aa;font-weight:500}body.dark .project .container-project .project-content .project-me p{font-size:1.25rem;color:#fff;font-weight:500}body.dark .project .container-project .project-content .all-projects,body.white .project .container-project .project-content .all-projects{display:flex;flex-direction:column;gap:2rem}body.dark .project .container-project .project-content .all-projects .project-card,body.white .project .container-project .project-content .all-projects .project-card{display:flex;flex-direction:column;gap:2rem;padding:3rem 0}body.dark .project .container-project .project-content .all-projects .project-card{border-bottom:1px solid hsla(240,3%,46%,.4)}body.white .project .container-project .project-content .all-projects .project-card{border-bottom:1px solid #dedee4}body.dark .project .container-project .project-content .all-projects .project-card:first-child,body.white .project .container-project .project-content .all-projects .project-card:first-child{padding-top:0}body.dark .project .container-project .project-content .all-projects .project-card:last-child,body.white .project .container-project .project-content .all-projects .project-card:last-child{border:none;padding-bottom:0}body.dark .project .container-project .project-content .all-projects .project-card,body.white .project .container-project .project-content .all-projects .project-card{width:700px}body.dark .project .container-project .project-content .all-projects .project-card img,body.white .project .container-project .project-content .all-projects .project-card img{width:700px;height:400px;border-radius:5px;object-fit:cover;object-position:center;cursor:pointer;transition:transform .3s}body.dark .project .container-project .project-content .all-projects .project-card img:hover,body.white .project .container-project .project-content .all-projects .project-card img:hover{transform:scale(1.025)}body.dark .project .container-project .project-content .all-projects .project-card .content-project,body.white .project .container-project .project-content .all-projects .project-card .content-project{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}body.dark .project .container-project .project-content .all-projects .project-card .content-project h3{font-size:2.25rem;color:#ede7e7}body.white .project .container-project .project-content .all-projects .project-card .content-project h3{font-size:2.25rem;color:#27272a}body.dark .project .container-project .project-content .all-projects .project-card .content-project p,body.white .project .container-project .project-content .all-projects .project-card .content-project p{margin-top:1rem;font-size:1.25rem;width:700px;margin-bottom:1.75rem}body.dark .project .container-project .project-content .all-projects .project-card .content-project p{color:#a1a1aa}body.white .project .container-project .project-content .all-projects .project-card .content-project p{color:#52525b}body.dark .project .container-project .project-content .all-projects .project-card .content-project .stacks span{font-size:1.2rem;color:#2cceb9;padding:.5rem;background-color:#1a403b;border-radius:.5rem}body.white .project .container-project .project-content .all-projects .project-card .content-project .stacks span{font-size:1.2rem;color:#fff;padding:.5rem;background-color:#29a090;border-radius:.5rem}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;cursor:pointer}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online{background-color:rgba(39,39,42,.5);transition:background-color .3s}body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online{background-color:#f4f4f5;transition:filter .3s}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link:hover,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online:hover{background-color:#27272a}body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link:hover,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online:hover{filter:brightness(.98)}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link div:first-child,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online div:first-child{fill:#fff;display:flex;align-items:center}body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link div:first-child,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online div:first-child{fill:#000;display:flex;align-items:center}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link div,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online div{font-weight:500;color:#fff;font-size:1.25rem;cursor:pointer;gap:.85rem;transition:all .3s}body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link div,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online div{font-weight:500;color:#000;font-size:1.25rem;cursor:pointer;gap:.85rem;transition:all .3s}body.dark .project .container-project .project-content .all-projects .project-card .content-project .stacks,body.white .project .container-project .project-content .all-projects .project-card .content-project .stacks{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;width:700px}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links,body.white .project .container-project .project-content .all-projects .project-card .content-project .links{display:flex;flex-wrap:wrap;gap:1rem}body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .github-link svg,body.dark .project .container-project .project-content .all-projects .project-card .content-project .links .project-online svg,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .github-link svg,body.white .project .container-project .project-content .all-projects .project-card .content-project .links .project-online svg{font-size:16px}body.dark .project .container-project .project-content .all-projects .button-block,body.white .project .container-project .project-content .all-projects .button-block{width:700px;display:flex;justify-content:center}@media (max-width:1215px){body.dark .project,body.white .project{padding:7rem 3rem 5.9rem}}@media (max-width:990px){body.dark .project .container-project .project-content,body.white .project .container-project .project-content{grid-template-columns:20px 150px 1fr}}@media (max-width:930px){body.dark .project .container-project .project-content,body.white .project .container-project .project-content{grid-template-columns:20px 100px 1fr}}@media (max-width:880px){body.dark .project .container-project .project-content,body.white .project .container-project .project-content{padding-left:0;grid-template-columns:1fr;border-left:none}body.dark .project .container-project .project-content .project-me,body.white .project .container-project .project-content .project-me{display:none}body.dark .project .container-project .project-content .all-projects .project-card,body.dark .project .container-project .project-content .all-projects .project-card .content-project .stacks,body.dark .project .container-project .project-content .all-projects .project-card .content-project p,body.dark .project .container-project .project-content .all-projects .project-card img,body.white .project .container-project .project-content .all-projects .project-card,body.white .project .container-project .project-content .all-projects .project-card .content-project .stacks,body.white .project .container-project .project-content .all-projects .project-card .content-project p,body.white .project .container-project .project-content .all-projects .project-card img{width:100%}body.dark .project .container-project .project-content .all-projects .project-card img,body.white .project .container-project .project-content .all-projects .project-card img{height:100%}body.dark .project .container-project .project-introduce,body.white .project .container-project .project-introduce{margin-bottom:0}body.dark .project .container-project .project-content,body.white .project .container-project .project-content{margin-top:3rem}}@media (max-width:660px){body.dark .project .container-project .project-introduce p,body.white .project .container-project .project-introduce p{width:100%}}@media(max-width:590px){body.dark .project,body.white .project{padding:3rem 3rem 5.9rem}}body.dark .recent-projects,body.white .recent-projects{padding:5rem 8rem 0}body.dark .recent-projects .recent-projects-container .header-projects,body.white .recent-projects .recent-projects-container .header-projects{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1.5rem;width:100%}body.dark .recent-projects .recent-projects-container .header-projects{border-bottom:1px solid hsla(240,2%,58%,.4)}body.white .recent-projects .recent-projects-container .header-projects{border-bottom:1px solid #dedee4}body.dark .recent-projects .recent-projects-container .header-projects h2{font-size:2.5rem;color:#fff}body.white .recent-projects .recent-projects-container .header-projects h2{font-size:2.5rem;color:#27272a}body.dark .recent-projects .recent-projects-container .recent-projects-content,body.white .recent-projects .recent-projects-container .recent-projects-content{display:flex;flex-direction:column}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card{display:flex;gap:2rem;padding:3rem 0}body.dark .recent-projects .recent-projects-container .recent-projects-content .border{border-bottom:1px solid hsla(240,3%,46%,.4)}body.white .recent-projects .recent-projects-container .recent-projects-content .border{border-bottom:1px solid #dedee4}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div{max-width:100%;width:470px;height:300px;border-radius:5px;object-fit:cover;cursor:pointer}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img{max-width:100%;width:470px;height:300px;border-radius:5px;object-fit:cover;transition:transform .3s}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img:hover,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img:hover{transform:scale(1.025)}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project{padding-top:2rem;flex:1 1;cursor:auto;display:flex;flex-direction:column;justify-content:center}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project h3{font-size:2.25rem;color:#ede7e7}body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project h3{font-size:2.25rem;color:#27272a}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project p,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project p{margin-top:1rem;font-size:1.25rem;margin-bottom:1.75rem}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project p{color:#a1a1aa}body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project p{color:#52525b}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks{width:100%;cursor:auto;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks span{font-size:1.2rem;color:#2cceb9;padding:.5rem;background-color:#1a403b;border-radius:.5rem}body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks span{font-size:1.2rem;padding:.5rem;background-color:#29a090;color:#fff;border-radius:.5rem}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a{display:flex;align-items:center;color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;gap:.85rem;transition:color .3s}body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a{display:flex;align-items:center;color:#52525b;font-size:1.25rem;font-weight:600;cursor:pointer;gap:.85rem;transition:color .3s}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a svg{fill:#fff}body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a svg{fill:#52525b}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a:hover,body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a:hover svg,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a:hover,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a:hover svg{fill:#2dd4bf;color:#2dd4bf}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a svg,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project a svg{width:10px}body.dark .recent-projects .recent-project-card .content-project .content-actions,body.white .recent-projects .recent-project-card .content-project .content-actions{display:flex;align-items:center;gap:1.75rem}@media (max-width:1215px){body.dark .recent-projects,body.white .recent-projects{padding:4rem 3rem 0}}@media (max-width:990px){body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card{flex-direction:column}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child{width:100%;height:400px}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img{width:100%;height:400px;object-position:top}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project{width:100%}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card .content-project .stacks{width:100%;height:-moz-fit-content;height:fit-content}body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div{height:-moz-fit-content;height:fit-content}}@media (max-width:700px){body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child,body.dark .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child,body.white .recent-projects .recent-projects-container .recent-projects-content .recent-project-card div:first-child img{height:100%}}body.dark .skills,body.white .skills{padding:5rem 8rem 0}body.dark .skills .container-skills h2{font-size:2.5rem;color:#fff}body.white .skills .container-skills h2{font-size:2.5rem;color:#27272a}body.dark .skills .container-skills .card-content-skills,body.white .skills .container-skills .card-content-skills{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem}body.dark .skills .container-skills .skills-description,body.white .skills .container-skills .skills-description{font-size:1.25rem;margin-bottom:1.75rem;margin-top:.75rem;width:70ch}body.dark .skills .container-skills .skills-description{color:#a1a1aa}body.white .skills .container-skills .skills-description{color:#52525b}body.dark .skills .container-skills .card-content-skills .card-skill,body.white .skills .container-skills .card-content-skills .card-skill{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;border-radius:5px;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.1);transition:filter .5s ease}body.dark .skills .container-skills .card-content-skills .card-skill{background-color:#202022}body.white .skills .container-skills .card-content-skills .card-skill{background-color:#fafafa}body.dark .skills .container-skills .card-content-skills .card-skill:hover{filter:brightness(1.2)}body.white .skills .container-skills .card-content-skills .card-skill:hover{background-color:#f4f4f5}body.dark .skills .container-skills .card-content-skills .card-skill svg,body.white .skills .container-skills .card-content-skills .card-skill svg{width:50px}body.white .skills .container-skills .card-content-skills .card-skill:nth-child(3) svg g{fill:#623697!important}body.white .skills .container-skills .card-content-skills .card-skill:nth-child(6) svg path{fill:#f90!important}body.dark .skills .container-skills .card-content-skills .card-skill h3{margin-top:1rem;color:#fff;font-size:1.5rem}body.white .skills .container-skills .card-content-skills .card-skill h3{margin-top:1rem;color:#27272a;font-size:1.5rem}@media (max-width:1215px){body.dark .skills,body.white .skills{padding:4rem 3rem 1rem}}@media (max-width:1000px){body.dark .skills .container-skills .card-content-skills,body.white .skills .container-skills .card-content-skills{grid-template-columns:1fr 1fr}}@media (max-width:600px){body.dark .skills .container-skills .card-content-skills,body.white .skills .container-skills .card-content-skills{grid-template-columns:1fr}}@media (max-width:540px){body.dark .skills .container-skills .skills-description,body.white .skills .container-skills .skills-description{width:100%}}