@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";#main-content{flex:2 1 0}#main-content section{display:flex}#main-content h2{font-size:2.2rem;margin-bottom:1.3rem;justify-content:start;gap:1rem}#main-content h2:after{content:"";background:#FFF;width:3px;height:30%}#main-content .btn{padding:1rem 1.2rem;color:#fff;background:#FFF;text-decoration:none;border-radius:3rem;align-self:start}.find-me{display:flex;flex-wrap:wrap;margin:auto;background-color:va(--bg)}.find-me .titulo{font-weight:100;margin:100px auto auto;display:inline;text-align:center;color:var(--text)}.find-me .titulo p{font-size:1.1rem;color:#036cf5;font-weight:300;margin-bottom:10px}.find-me .titulo h3{font-size:1.5rem;margin-bottom:20px}.find-me .find-me-container{margin:auto;display:flex;flex-wrap:wrap;width:100%}.find-me .find-me-container .area-contato{display:flex;width:100%;margin-bottom:100px;flex-wrap:wrap}.find-me .find-me-container .area-contato .contato{width:40%;margin:auto}.find-me .find-me-container .area-contato .contato .social{margin:10px auto auto}.find-me .find-me-container .area-contato .areaformContato{width:40%;display:block;border:1px solid red;padding:10px}.find-me .find-me-container .area-contato .areaformContato .formContato{background-color:var(--bgSecondary);padding:20px;width:80%;margin:auto;border-radius:10px}.find-me .find-me-container .area-contato .areaformContato .formContato div{display:grid;margin-bottom:20px}.find-me .find-me-container .area-contato .areaformContato .formContato div label{margin-bottom:5px;font-weight:500;color:var(--textSecondary)}.find-me .find-me-container .area-contato .areaformContato .formContato div input,.find-me .find-me-container .area-contato .areaformContato .formContato div textarea{padding:10px;border-radius:5px;background:none;border:1px solid var(--border);transition-duration:.2s}.find-me .find-me-container .area-contato .areaformContato .formContato button{padding:10px;border-radius:5px;border:none;cursor:pointer;font-weight:600;width:100%}.find-me .find-me-container #information{display:flex;width:100%;align-items:center;justify-content:center;flex-wrap:wrap;margin:50px auto auto}.find-me .find-me-container #information .info-card{display:flex;align-items:center;justify-content:center;align-content:center;margin:auto;font-size:15pt;text-align:center;padding:5px;color:var(--text);gap:8px}.find-me .find-me-container #information .info-card p{margin:0;line-height:1}.find-me .find-me-container #information .info-card svg{display:block;font-size:20px;width:1.2em;height:1.2em}@media (max-width: 768px){.area-flutuante{width:85%!important}.find-me{height:520px}}@media (max-width: 584px){.area-contato{margin-top:50px!important}.info-card{font-size:12pt!important}}a{text-decoration:none}.area-btn-whatsapp{display:flex;justify-content:center;margin-top:20px}.btn-whatsapp{background-color:#25d366;width:250px;display:inline-flex;flex-direction:row;justify-content:center;align-self:center;padding:10px 0;border-radius:10px}.btn-whatsapp:hover{background-color:#089e3f}.btn-whatsapp p{color:#fff;margin-top:5px;margin-left:10px}.icone_whatsapp{font-size:30px;cursor:pointer;color:#fff}.projects-container{display:flex;flex-wrap:wrap;width:100%;margin:auto;background-color:var(--bg)}.projects-container a{text-decoration:none}.projects-container p{font-size:1.3em}.projects-container .projects{width:70%;margin:100px auto auto;margin-bottom:10rem}@media (max-width: 1291px){.projects-container .projects{width:90%}}.projects-container .projects-container-title{color:var(--text);margin:auto;display:inline;width:70%;text-align:center;font-weight:100}.projects-container .projects-container-title span{font-weight:800}.projects-container .projects-container-title hr{border:2px solid #104466;width:150px;margin:auto}.projects-container .projects-container-title h3{font-size:2rem}.projects-container .projects-container-title p{font-size:1.4em;margin-top:20px;font-weight:300;color:var(--text)}.projects-container .projects-grid{display:flex;flex-direction:row;flex-wrap:wrap;margin:100px auto auto;justify-content:center;gap:20px}.projects-container .projects-grid .project-card{border-radius:8px;display:block;width:30%;margin:auto;height:auto;max-width:900px;padding:60px 35px;margin-bottom:2rem;background-color:var(--bgTertiary);box-shadow:0 0 0 3px var(--bgSecondary);text-align:center;align-items:center;justify-content:center;transition:all .4s ease}@media (max-width: 950px){.projects-container .projects-grid .project-card{display:inline;width:70%}}@media (max-width: 440px){.projects-container .projects-grid .project-card{display:inline;width:85%}}.projects-container .projects-grid .project-card .tag-type{display:flex;justify-content:center;justify-items:center}.projects-container .projects-grid .project-card .tag-type span{font-weight:600;font-size:12px;border:1px solid #0064fa;padding:5px 15px;border-radius:20px;background-color:#3485fd11;color:#06f}.projects-container .projects-grid .project-card .btnMaisDetalhes{width:180px;padding:5px 10px;margin:25px auto auto;font-size:1em;color:var(--text);font-weight:600;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.projects-container .projects-grid .project-card .btnMaisDetalhes span{margin-left:5px}.projects-container .projects-grid .project-card .btnMaisDetalhes:hover{text-decoration:none;color:#1178df;background:none}.projects-container .projects-grid .project-card .area-titulo{width:100%;margin:25px auto auto;text-align:center;height:60px;align-content:center;overflow:hidden;display:flex;justify-content:center}.projects-container .projects-grid .project-card .area-titulo .img-projeto{width:140px}.projects-container .projects-grid .project-card .area-titulo .title-card{font-size:1.5em;color:var(--text);font-weight:700}.projects-container .projects-grid .project-card .text-card{width:100%;margin:auto;text-align:center}.projects-container .projects-grid .project-card .text-card .desc-card{margin-top:20px;font-size:1em;color:var(--textSecondary);font-weight:400}.projects-container .projects-grid .project-card .text-card .title-type{font-size:.9em;color:#757575}.projects-container .projects-grid .project-card .technologies{width:100%;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.projects-container .projects-grid .project-card .technologies .tag-technologies{font-size:.8em;padding:2px 10px;border-radius:3px}.projects-container .projects-grid .project-card .technologies .react{background-color:#229cec;color:#fff}.projects-container .projects-grid .project-card .technologies .node{background-color:#61ba42;color:#fff}.projects-container .projects-grid .project-card .technologies .mysql{background-color:#e97c00;color:#fff}.projects-container .projects-grid .project-card .technologies .php{background-color:#8d96c0;color:#fff}.projects-container .projects-grid .project-card .technologies .html{background-color:#ff7816;color:#fff}.projects-container .projects-grid .project-card img{max-width:100%;justify-content:center;align-items:center}.projects-container .projects-grid .project-card a:hover{background:rgba(36,36,36,.9215686275)}@media (max-width: 400px){.projects-container .projects-container-title{width:90%!important}.projects-container .projects-container-title h3{font-size:1.5rem}.projects-container .projects-container-title p{font-size:1rem;margin-top:10px}}.technologies-container{display:flex;flex-wrap:wrap;width:100%;margin:auto;background-color:var(--bgSecondary)}.technologies-container h4{font-weight:600}.technologies-container .titulo{font-weight:100;margin:100px auto auto;display:inline;width:70%;text-align:center;color:var(--text)}.technologies-container .titulo span{font-weight:800}.technologies-container .titulo hr{border:2px solid #104466;width:150px;margin:auto}.technologies-container .titulo h3{font-size:2rem}.technologies-container .titulo p{font-size:1.3em;margin-top:10px;font-weight:300;color:#036cf5}.technologies-container .sobre{display:inline;margin:150px auto auto;width:40%;color:var(--text)}@media (max-width: 950px){.technologies-container .sobre{width:80%}}.technologies-container .technologies{width:90%;margin:50px auto auto;margin-bottom:10rem;max-width:1200px;min-width:300px;color:var(--text);-webkit-user-select:none;user-select:none}@media (max-width: 950px){.technologies-container .technologies{width:80%}}.technologies-container .technologies .filter-buttons{width:90%;min-width:300px;max-width:800px;margin:auto auto 40px;display:flex;justify-content:space-between;flex-wrap:wrap}.technologies-container .technologies .filter-buttons button{padding:.6rem 1.2rem;border:none;border-radius:20px;cursor:pointer;transition:.3s;background-color:var(--bg);color:var(--text);margin-top:15px}.technologies-container .technologies .filter-buttons .active{background-color:#1362ca;color:#fff}.technologies-container .technologies-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.technologies-container .technologies-grid .technology-card{display:flex;justify-content:center;align-items:center;padding:1rem;font-size:.8rem;box-shadow:var(--bg) 0 2px 8px 0;font-weight:600;color:var(--text);display:inline-block;text-align:center;width:10%;max-width:400px;min-width:150px;border-radius:20px}.technologies-container .technologies-grid .technology-card:hover{box-shadow:0 4px 8px #0003}.technologies-container .technologies-grid .technology-card h3{color:#fff}.technologies-container .technologies-grid .technology-card .card-icone{width:100%;padding:15px}.technologies-container .technologies-grid .technology-card .card-icone img{width:80%}@media (max-width: 400px){.technologies-container .technologies{margin-bottom:60px}.technologies-container .titulo{width:90%}.technologies-container .titulo h3{font-size:1.5rem}.technologies-container .titulo p{font-size:1rem;margin-top:10px}.technologies-container .technology-card{min-width:85px!important;display:flex;justify-content:center;align-content:center}.technologies-container .technology-card .card-icone{padding:1px!important}.technologies-container .technology-card .card-icone img{width:100%}.technologies-container .technology-card p{font-size:8pt!important}}.what-container{display:flex;background-color:var(--bgSecondary)}.what-container .area-what-container{width:90%;margin:auto auto 100px;flex-wrap:wrap;gap:40px}.what-container .container-titulo{padding:10px;margin-top:150px;text-align:center}.what-container .titulo{font-weight:100;color:var(--text)}.what-container h3{font-size:2.1rem}.what-container p{font-size:1rem;margin-top:10px;font-weight:300;color:var(--text)}.area-coisas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.area-coisas .coisas{display:flex;flex-direction:column;padding:20px;border-radius:20px;-webkit-user-select:none;user-select:none;background-color:var(--bg)}.area-coisas .coisas:hover{box-shadow:var(--bg) 0 2px 8px 0;border:.5px solid #2078fd}.area-coisas .coisas .coisas-icone-texto{display:flex;align-items:center;gap:15px}.area-coisas .coisas .icone{display:flex;justify-items:center;padding:10px;border-radius:5px;justify-content:center;align-items:center}.area-coisas .coisas .icone svg{font-size:1.5em}.area-coisas .coisas .titulo-coisas{display:inline-flex;bottom:0;font-weight:600;font-size:1.1em;color:var(--text);margin-top:15px}@media (max-width: 400px){.what-container .titulo{width:90%}.what-container .titulo h3{font-size:1.5rem}.what-container .titulo p{font-size:1rem;margin-top:20px}.area-coisas{width:100%}}#social-networks{display:flex;justify-content:space-between;margin:auto;align-content:center;align-items:center}#social-networks .social-btn{padding:10px;display:flex;justify-content:center;align-items:center;border-radius:999px;color:#fff;font-size:19pt}#social-networks #linkedin:hover{background-color:#0072b1;color:#fff;border:0px solid}#social-networks #github:hover{background-color:#502779;color:#fff;border:0px solid}#social-networks #instagram:hover{background-color:#bc2a8d;color:#fff;border:0px solid}#social-networks #whatsapp:hover{background-color:#3dc44f;color:#fff;border:0px solid}@media (max-width: 410px){.social-btn{font-size:15pt!important}}.journey{display:flex;flex-wrap:wrap;width:100%;margin:auto;background-color:var(--bgSecondary)}.journey .area-total{margin:80px auto auto}.journey .titulo-sub{margin:auto;flex-wrap:wrap;width:70%;text-align:center;font-weight:100}.journey .titulo-sub h3{font-size:2rem;color:var(--text)}.journey .titulo-sub p{font-size:1.4em;margin-top:20px;font-weight:300;color:var(--textSecondary)}.area-coluna{width:100%;display:flex;max-width:1200px;min-width:300px;margin:80px auto 150px;justify-content:center;flex-wrap:wrap}.area-coluna .titulo{borer:1px solid yellow}.area-coluna .titulo p{font-size:2rem;color:#b92f2f}.area-coluna .educacao,.area-coluna .trabalho{width:50%;min-width:400px}.area-coluna .educacao .titulo-area,.area-coluna .trabalho .titulo-area{text-align:center;font-weight:400;font-size:1.3em;color:var(--text)}.area-coluna .formacao,.area-coluna .emprego{padding:30px;width:90%;min-width:200px;margin:25px auto auto;border-radius:10px;box-shadow:var(--bg) 0 2px 8px 0;-webkit-user-select:none;user-select:none;background-color:var(--bgTertiary)}.area-coluna .formacao:hover,.area-coluna .emprego:hover{box-shadow:0 4px 8px 0 var(--bgTertiary)}.area-coluna .formacao .titulo,.area-coluna .emprego .titulo{width:100%;font-size:1.2em;olor:var(--text);font-weight:600}.area-coluna .formacao .link,.area-coluna .emprego .link{text-decoration:none;color:#3e7bfa;cursor:pointer}.area-coluna .formacao .descricao,.area-coluna .emprego .descricao{margin-top:10px;color:var(--textSecondary);line-height:1.5em;text-align:justify}.area-coluna .formacao .calendario,.area-coluna .emprego .calendario{font-size:.9em;font-size-color:var(--textSecondary);align-items:center;display:flex;margin-top:10px}.area-coluna .formacao .calendario p,.area-coluna .emprego .calendario p{margin-left:5px}@media (max-width: 799px){#titulo-experiencias{margin-top:50px}}@media (max-width: 400px){.journey .area-total .titulo-sub h3{font-size:1.5rem}.journey .area-total .titulo-sub p{font-size:1rem;margin-top:10px}.journey .area-total .area-coluna .educacao,.journey .area-total .area-coluna .trabalho{width:90%;min-width:180px}.journey .area-total .area-coluna .educacao .titulo-area,.journey .area-total .area-coluna .trabalho .titulo-area{font-size:1.1rem}.journey .area-total .area-coluna .educacao .titulo,.journey .area-total .area-coluna .trabalho .titulo{font-size:1rem}.journey .area-total .area-coluna .educacao a,.journey .area-total .area-coluna .trabalho a{font-size:.8rem}.journey .area-total .area-coluna .educacao .descricao,.journey .area-total .area-coluna .trabalho .descricao{font-size:.9rem}}.project-detail{display:flex;width:100%;height:auto;background-color:var(--bgSecondary)}.container-details{width:100%;margin:100px auto auto;max-width:1200px}.container-details .details{width:90%;margin:auto auto 100px;background-color:var(--bgSecondary)}.container-details .topo{width:100%;margin:auto;display:flex;padding:20px;justify-content:center;align-items:center;flex-wrap:wrap}.container-details .topo .topo-textos{width:50%;display:flex;flex-direction:column;text-align:left}.container-details .topo .topo-textos h1{color:var(--text);font-size:2.5em!important;margin-bottom:0!important}.container-details .topo .topo-textos p{color:var(--textSecondary);line-height:2;font-size:1.1em;margin-top:20px;line-height:40px}.container-details .topo .topo-textos .tag-type{display:flex;justify-content:flex-start;justify-items:center;margin-bottom:10px}.container-details .topo .topo-textos .tag-type span{font-weight:600;font-size:12px;border:1px solid #0064fa;padding:5px 15px;border-radius:20px;background-color:#3485fd11;color:#06f}.container-details .imagem-capa{width:500px;background-color:var(--bgSecondary);margin:20px auto;border-radius:20px}.container-details .imagem-capa img{width:100%;margin:auto}.container-details #conecta-imagem-topo,.container-details #divisao-imagem-topo,.container-details #aquitem-imagem-topo,.container-details #zap24h-imagem-topo{width:250px}.container-details .corpo{width:100%;display:inline-block}.container-details .corpo .imagem{width:45%;min-width:350px;background-color:var(--bgSecondary);border-radius:10px;margin:100px auto auto;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;padding:10px;border:#dddddd solid 1px}.container-details .corpo .imagem img{width:100%;margin:auto}.container-details .corpo .area-texto{width:100%;min-width:300px;margin:auto}.container-details .corpo .area-texto .texto{font-size:1.2em;color:var(--textSecondary);line-height:2em;font-weight:450;margin-top:60px}.container-details .corpo .area-texto .texto .titulo{font-size:1.2em;font-weight:700;color:var(--text)}.container-details .corpo .area-texto .texto .descricao{color:var(--textSecondary);line-height:2;font-size:.9em;margin-top:20px;line-height:40px}.container-details .corpo .area-texto .texto .section-images{width:100%;margin:25px auto;text-align:center}.container-details .corpo .area-texto .texto .section-images img{width:500px}.container-details .corpo .area-texto .texto #conecta-imagem img,.container-details .corpo .area-texto .texto #divisao-imagem img,.container-details .corpo .area-texto .texto #aquitem-imagem img,.container-details .corpo .area-texto .texto #zap24h-imagem img{width:250px}.container-details .corpo .area-texto .texto .lista{display:flex;flex-wrap:wrap;justify-content:space-between}.container-details .corpo .area-texto .texto .lista .topico{width:100%;border-radius:10px;margin-top:20px;font-weight:500;padding:20px}.container-details .corpo .area-texto .texto .lista span{color:var(--textSecondary)}.container-details .corpo .area-texto .desafios-grid{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.container-details .corpo .area-texto .desafios-grid .card-desafio{margin-top:20px;width:48%;padding:20px;border-radius:8px;background-color:var(--bgTertiary);box-shadow:0 0 0 3px var(--bgSecondary)}.container-details .corpo .area-texto .desafios-grid .card-desafio .card-title{font-size:13pt;color:var(--text)}.container-details .corpo .area-texto .desafios-grid .card-desafio .card-desc{font-size:11pt}@media (max-width: 760px){.container-details .details .topo .topo-textos{width:100%}}@media (max-width: 688px){.container-details .details{margin-top:20px}}@media (max-width: 688px){.desafios-grid .card-desafio{width:100%!important}}#sidebar{background-color:#111111eb;flex:1 1 0;display:flex;align-items:center;flex-direction:column;position:relative}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:#FFF;text-decoration:none;border-radius:3rem}#sidebar .img-devices{max-width:856px;margin-top:120px}.about-container{position:relative;width:100%;min-height:100vh;height:100vh;align-items:center;background-color:var(--bg);background-attachment:fixed;background-size:cover}.about-container #tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.about-container .about{width:90%;margin:200px auto auto;align-items:center;z-index:1}.about-container .about h2{margin-top:3rem;color:#fff;margin-bottom:1rem;font-size:1.5rem}.about-container .about h2:after{content:"";background:#FFF;width:3px;height:30%}.about-container .about p{color:var(--text);margin-bottom:1rem;line-height:2rem;font-size:1.2rem}.about-container .about-me{padding:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:left}.about-container .about-me .container-titulo-texto{width:50%;min-width:600px;text-align:left;margin-bottom:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.about-container .about-me .container-titulo-texto .title{margin-top:30px;font-size:3.5em;font-weight:700;color:var(--text);margin-bottom:0!important}.about-container .about-me .container-titulo-texto .subtitle{margin-top:0;color:#2078fd;font-size:3em;font-weight:300}.about-container .about-me .container-titulo-texto .titulo-descricao{font-size:12pt;color:var(--text)}.about-container .about-me .container-img{max-width:280px;min-width:150px;min-height:150px;width:40%;margin:auto;text-align:center;display:inline-block}.about-container .about-me .container-img img{width:100%;display:block;border-radius:7px}.about-contact{margin:50px auto auto;display:flex}.about-contact .social-btn{padding:10px;display:flex;justify-content:center;align-items:center;border-radius:999px;color:#bebebe;font-size:19pt}.about-contact #linkedin:hover{background-color:#0072b1;color:#fff;border:0px solid}.about-contact #github:hover{background-color:#502779;color:#fff;border:0px solid}.about-contact #instagram:hover{background-color:#bc2a8d;color:#fff;border:0px solid}.about-contact #whatsapp:hover{background-color:#3dc44f;color:#fff;border:0px solid}.container-buttons{border:none;margin-top:30px}.container-buttons button{display:flex;align-items:center;justify-content:center;padding:15px 30px;cursor:pointer;border:1px solid #2078fd;border-radius:50px;background:none;color:var(--text);font-size:15px;gap:8px;font-weight:700}.container-buttons button:hover{background-color:#2078fd;color:"#FFFFFF"!important}.container-buttons button svg{display:block}@media (max-width: 933px){.about{display:block!important;margin-top:8rem!important;text-align:center}#information{padding:0!important}.project-card{width:auto}.technologies-grid-desc-title{width:100%}.technologies-grid-desc{display:inline!important}.technologies-grid-desc .technologies-grid-desc-title{margin:auto}.technologies-grid{margin-left:0!important}}@media (max-width: 690px){.container-titulo-texto{min-width:250px!important;width:100%!important}.container-titulo-texto .title{font-size:2.6em}.container-titulo-texto .subtitle{font-size:2em}.container-titulo-texto .titulo-descricao{font-size:10pt}}@media (max-width: 632px){.about{width:95%!important;margin-top:9rem!important;margin-bottom:10rem!important}.about-me{width:95%!important;margin-top:3rem!important}.container-img-avatar{margin-left:0!important}}@media (max-width: 447px){.title{font-size:2em!important}.subtitle{font-size:1.5em!important}.titulo-descricao{font-size:10pt!important}}.menu{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;min-width:200px;max-width:600px;text-align:center;padding:15px;background-color:var(--bg);box-shadow:0 2px 5px #0000001a;z-index:1000;color:var(--text);border-radius:50px;border:1px solid rgba(32,120,253,.3294117647)}.menu .menu-icon{display:flex;align-items:center;width:90%;margin:auto}.menu .menu-left{font-weight:700;margin-right:auto}.menu .menu-right{display:flex;flex:1;justify-content:center;gap:25px;list-style:none;margin:0;padding:0}.menu .menu-right button{cursor:pointer;font-size:12pt;background-color:var(--bg);color:var(--text);border:none}.menu .menu-right button:hover{color:#097fd9}.menu .menu-right button a{text-decoration:none;color:#fff}.menu .menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:998}.menu :global(.no-scroll){overflow:hidden}@media (max-width: 576px){.menu{padding:10px}.menu .menu-right button{font-size:14px}}@media (max-width: 1140px){.menu-right li{font-size:10pt}}.btnThemeToggle{display:flex;align-items:center;justify-content:center;width:75px;height:30px;border-radius:50%;border:none;background-color:var(--iconeTheme);cursor:pointer;margin-left:10px}#portfolio{flex-wrap:wrap;gap:3rem}#portfolio h1{width:100%;margin-bottom:4rem;color:var(--text)}:root{--bg: #ffffff;--bgSecondary: #F1F5F9;--bgTertiary: #FFFFFF;--text: #1a1a1a;--textSecondary: #1a1a1aa7;--primary: #2563eb;--iconeTheme: #fcd7032a;--border: #e2dfdf}[data-theme=dark]{--bg: #020617;--bgSecondary: #0F172A;--bgTertiary: #001122;--text: #f1f5f9;--textSecondary: #ffffffd1;--primary: #3b82f6;--iconeTheme: #1ca3be3d;--border: #8686867a}*{padding:0;margin:0;font-family:Montserrat,sans-serif;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}