.features{flex-direction:column;gap:50px;padding:0 30px;display:flex}.features .card-feature{background-color:var(--card);border-radius:10px;justify-content:space-between;align-items:start;gap:20px;margin:auto;padding:30px;transition:all .3s;display:flex;box-shadow:-3px 3px 20px #00000010}.features .card-feature:nth-child(odd){flex-direction:row-reverse}.features .card-feature .info{flex-direction:column;width:50%;display:flex}.features .card-feature .info .tt{margin-bottom:10px;font-size:1.5rem}.features .card-feature .info .btn-experimentar{border-radius:0;margin-top:20px}.features .card-feature figure img,.features .card-feature figure a{width:100%;height:auto}.features .card-feature .w-real{width:100%;max-width:200px}.features .card-feature .w-real:after{z-index:-1}@media (max-width:800px){.features .card-feature,.features .card-feature:nth-child(odd){flex-direction:column}.features .card-feature .info,.features .card-feature figure{width:100%}.features .card-feature .w-real{margin:auto}}@media (max-width:542px){.features{margin-top:30px}}@media (max-width:430px){.features{gap:30px;margin-top:50px}.features .card-feature{padding:20px}.features .card-feature .info .tt{font-size:1.2rem}}@media (max-width:386px){.features{margin-top:100px}}
.hero{text-align:center;align-items:center;width:100%;height:50dvh;margin:50px auto auto;padding:0 30px;display:flex}.hero .content{flex-direction:column;gap:30px;width:100%;display:flex}.hero .content .tag_{margin:auto}.hero .content h1{width:100%;max-width:980px;margin:auto;font-size:clamp(1.5rem,4vw,3.2rem);font-weight:500}.hero .content h1 span{color:var(--light-dark)}.hero .content .text{width:100%;max-width:800px;margin:auto}.hero .content .user-github .tt{font-weight:400}.hero .content .btn{flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.hero .content .btn button{border-radius:var(--radius);color:var(--white);padding:13px 20px;font-weight:500}.hero .content .btn button:hover,.hero .content .btn button:focus{opacity:.8}.hero .content .btn .star-github{background-color:var(--bg-sec);color:var(--light-dark)}.hero .content .btn .star-github svg{color:var(--light-dark)}.hero .content .btn .apoiar{background-color:var(--yellow);color:var(--black)}.hero .content .btn .apoiar svg{color:var(--black)}@media (max-width:356px){.hero{margin-top:30px;padding:0 20px}}@media (max-width:281px){.hero .tag_,.hero .tag_ svg{font-size:.7rem}}
.users-github{color:var(--white);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:20px;display:flex}.users-github .btn-user figure{border-radius:100px;width:50px;height:50px;transition:all .3s;position:relative}.users-github .btn-user figure:hover figcaption{opacity:1;padding:5px;font-size:.7rem;top:-25px}.users-github .btn-user figure img{border-radius:100px;width:100%;height:auto;transition:all .3s}.users-github .btn-user figure figcaption{background-color:var(--bg-sec);color:var(--text);opacity:0;text-wrap:nowrap;border-radius:3px;padding:0;font-size:0;transition:all .3s;position:absolute;top:0}.users-github .btn-user:first-child:hover,.users-github .btn-user:first-child:focus{z-index:2}.users-github .btn-user:nth-child(2),.users-github .btn-user:nth-child(3),.users-github .btn-user:nth-child(4),.users-github .btn-user:nth-child(5),.users-github .btn-user:nth-child(6),.users-github .btn-user:nth-child(7),.users-github .btn-user:nth-child(8),.users-github .btn-user:nth-child(9),.users-github .btn-user:nth-child(10),.users-github .btn-user:nth-child(11){margin-left:-15px}:is(.users-github .btn-user:nth-child(2),.users-github .btn-user:nth-child(3),.users-github .btn-user:nth-child(4),.users-github .btn-user:nth-child(5),.users-github .btn-user:nth-child(6),.users-github .btn-user:nth-child(7),.users-github .btn-user:nth-child(8),.users-github .btn-user:nth-child(9),.users-github .btn-user:nth-child(10),.users-github .btn-user:nth-child(11)):hover,:is(.users-github .btn-user:nth-child(2),.users-github .btn-user:nth-child(3),.users-github .btn-user:nth-child(4),.users-github .btn-user:nth-child(5),.users-github .btn-user:nth-child(6),.users-github .btn-user:nth-child(7),.users-github .btn-user:nth-child(8),.users-github .btn-user:nth-child(9),.users-github .btn-user:nth-child(10),.users-github .btn-user:nth-child(11)):focus{z-index:2}.todos-user{background-color:var(--bg-sec);z-index:1;width:45px;height:45px;color:var(--light-dark);border:1px solid #0000;border-radius:100px}.todos-user:hover,.todos-user:focus{border:var(--border);background-color:var(--muted)}