*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:#000}#root{font-family:Inter,sans-serif}a{text-decoration:none;color:#000}.button-discover{font-weight:500;background-color:#f4faff;border-radius:15px;padding:15px 30px;transition:box-shadow .5s cubic-bezier(.165,.84,.44,1)}.button-discover:hover{box-shadow:0 0 0 3px #f4faff80}.button-social{border:1px solid white;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:55px;width:55px;display:flex;justify-content:center;align-items:center;transition:backdrop-filter .5s cubic-bezier(.175,.885,.32,1.275)}.button-social:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-social .icon{color:#40424e;stroke-width:1.5px;height:1.2em;vertical-align:middle}@keyframes slide-b-t{0%{transform:translate3d(0,-40%,0)}to{opacity:1;transform:translateZ(0)}}header{background-position:center 85%;background-repeat:no-repeat;background-size:cover;display:flex;row-gap:2em;flex-direction:column;align-items:center;justify-content:center;height:100vh}.title-main{font-family:Poppins,sans-serif;font-weight:500;font-size:2.2em;text-align:center}.actions{display:flex;flex-direction:column;align-items:center;row-gap:1.2em}.actions .socials{display:flex;flex-direction:row;width:100%;justify-content:space-evenly}@media only screen and (max-width: 1024px){header{background-size:cover}}.section-projects{padding:0 0 6em;display:flex;flex-direction:column;align-items:center;gap:40px}.section-projects .top{display:flex;flex-direction:column;align-items:center;gap:20px}.section-projects .top .title{font-family:Poppins,sans-serif;font-weight:600;color:#fff;font-size:3em}.section-projects .top .filters{display:flex;flex-direction:row;gap:15px}.section-projects .projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3em}@media only screen and (max-width: 768px){.section-projects .projects{gap:0}}.card{overflow:hidden;border-radius:1.7em;height:280px;width:400px;padding:30px;transform:translate3d(0,10%,0);transition:box-shadow .3s cubic-bezier(.165,.84,.44,1)}.card:hover{box-shadow:inset 0 0 0 5px #0006}.card:hover .card-image{transform:translate3d(0,-1.5em,0)}.card.dark{color:#000}.card.dark .card-link{background-color:#000}.card.dark .card-link .icon,.card.light{color:#fff}.card.light .card-link{background-color:#fff}.card.light .card-link .icon{color:#000}.card .card-top{display:flex;flex-direction:row;justify-content:space-between}.card .card-top .card-info{display:flex;flex-direction:column;gap:5px;max-width:85%}.card .card-top .card-info .card-title{font-family:Poppins,sans-serif;font-weight:600;font-size:1.4em}.card .card-top .card-info .card-year{width:fit-content;background-color:#1c1c1c66;color:#fff;font-weight:500;border-radius:9px;font-size:.8em;padding:7px 15px;cursor:default}.card .card-top .card-link{border-radius:13px;height:40px;width:40px;display:flex;justify-content:center;align-items:center}.card .card-top .card-link .icon{height:1.1em;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.card .card-top .card-link:hover .icon{transform:translate3d(10%,-10%,0)}.card .card-image{width:100%;height:120%;background-size:contain;background-position:top center;background-repeat:no-repeat;margin-top:2.2em;transition:transform .5s cubic-bezier(.165,.84,.44,1)}@keyframes slide-t-b{0%{transform:translate3d(0,10%,0)}to{opacity:1;transform:translateZ(0)}}@media only screen and (max-width: 768px){.card{transform:scale(.9)}}.filter{color:#fff;border:1px solid #1c1c1c;border-radius:13px;padding:8px 22px;cursor:pointer;font-size:.9em;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 100%);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.filter.active{opacity:1;pointer-events:none}.filter.inactive{opacity:.6;pointer-events:all}.filter.inactive:hover{opacity:.8}.filter.light{color:#000;border:1px solid #ECF0FF;background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.3) 100%)}@media only screen and (max-width: 768px){.filter{width:100%}}.section-skills{background-position:center top;background-repeat:no-repeat;background-size:auto 100vw;display:flex;gap:40px;padding:10em 0 3em;flex-direction:column;align-items:center;background-color:#000}.section-skills .top{display:flex;flex-direction:column;align-items:center;gap:20px}.section-skills .top .title{font-family:Poppins,sans-serif;font-weight:600;font-size:3em}.section-skills .top .filters{display:flex;flex-direction:row;gap:15px}.section-skills .skills{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:40px;grid-row-gap:20px}@media only screen and (max-width: 768px){.section-skills{background-size:auto;padding:7em 0 0;background-color:#daf2f5}.section-skills .top .filters{flex-direction:column;align-items:center;gap:30px}.section-skills .skills{grid-template-columns:repeat(2,1fr);margin-top:1em}}@media only screen and (min-width: 768px) and (max-width: 1024px){.section-skills{background-size:auto;padding:7em 0 0;background-color:#daf2f5}.section-skills .skills{grid-template-columns:repeat(3,1fr)}}.skill{display:flex;flex-direction:column;align-items:center;padding:35px;width:10em;gap:10px;transform:translate3d(0,20%,0)}.skill .skill-icon{width:3em;height:3em;background-size:contain;background-position:center center;background-repeat:no-repeat}.skill .skill-name{font-weight:500;text-align:center}.skill .skill-type{border-radius:11px;padding:5px 15px;font-size:.9em;border:1px solid #ecf0ff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.3) 100%);cursor:default}@keyframes slide-b-t{0%{transform:translate3d(0,20%,0)}to{opacity:1;transform:translateZ(0)}}@media only screen and (max-width: 768px){.skill{padding:20px}}