@import "https://fonts.googleapis.com/css2?family=Bungee&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:#fff;background:#000;margin:0;padding:0;font-family:poppins,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;overflow-x:hidden}h1,h2,h3{margin:0}p{max-width:60ch;margin:0 auto;font-size:1.25rem;font-weight:500}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;object-fit:cover;display:block}section{padding-block:5rem}.unstyled-list{margin:0;padding:0;list-style:none}:focus-visible{outline-offset:.25rem;outline:3px solid #8f24e0}.btn{color:#000;font:inherit;cursor:pointer;border:3px solid;border-radius:2em;padding:.5em 1em;transition:all .15s ease-in-out;display:inline-block}.container{width:min(90vw,1000px);margin-inline:auto}.title{text-align:center;letter-spacing:.125rem;margin-bottom:.5em;font-size:2.5rem;line-height:1.1}.hidden:not(:focus):not(:active){clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;white-space:nowrap;width:1px;position:absolute;overflow:hidden}header{z-index:999;color:#000;background:0 0;justify-content:space-between;align-items:center;transition:background .25s ease-in;display:flex;position:fixed;inset:0 0 auto}header .site-logo{width:min(80vw,300px);height:10vh;background:url(images/home/logo.png) 50%/cover no-repeat}header .nav__link.btn-contact{color:#8f24e0}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){header .nav__link.btn-contact:is(:hover,:focus){color:#fff;background:#8f24e0;border-color:#8f24e0}}header.nav-bar-scrolled{color:#8f24e0;background:#f2f2f2;box-shadow:0 3px 20px #0003}header.nav-bar-scrolled .nav__link.btn-contact{color:#000}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){header.nav-bar-scrolled .nav__link.btn-contact:is(:hover,:focus){color:#fff;background:#000;border-color:#000}}@media screen and (min-width:37.5em) and (max-width:60em){header{flex-direction:column;align-items:stretch;padding-bottom:.5rem}header .site-logo{height:7vh;margin:.5rem auto 1rem}}.nav__list{justify-content:space-around;align-items:center;margin-inline:1rem;display:flex}.nav__list .nav__link{text-transform:uppercase;text-align:center;letter-spacing:.125rem;color:inherit;padding:.5em 1em;font-weight:600;display:inline-block;position:relative}.nav__list .nav__link:after{content:"";height:.125rem;background:currentColor;transition:transform .15s ease-in-out;position:absolute;inset:auto 1em 0;transform:scaleX(0)}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.nav__list .nav__link:not(.btn-contact):hover:after{transform:scaleX(1)}}.menu-button{width:3rem;aspect-ratio:1;cursor:pointer;z-index:10;background-color:#121212;border:none;border-radius:.5rem 0 0 .5rem;display:none;position:absolute;top:calc(5vh - 1.5rem);left:0;transform:translate(-100%)}@media screen and (max-width:37.5em){.menu-button{display:block}}.hamburger{animation:1s infinite slide;position:relative}.hamburger,.hamburger:before,.hamburger:after{width:2em;height:.25em;background-color:#fff;transition:transform .25s}.hamburger:before{content:"";animation:2s infinite slide;position:absolute;top:-150%;left:0}.hamburger:after{content:"";animation:1.5s infinite slide;position:absolute;bottom:-150%;left:0}@keyframes slide{0%,to{width:1em}50%{width:2em}}.nav-bar:has([aria-expanded=true]){transform:translate(-200px)}.nav-bar.show-nav-bar{transform:translate(-200px)}[aria-expanded=true] .hamburger{background-color:#0000;animation:none}[aria-expanded=true] .hamburger:before{transform-origin:50%;animation:none;top:0;transform:rotate(45deg)}[aria-expanded=true] .hamburger:after{transform-origin:50%;animation:none;bottom:0;transform:rotate(-45deg)}@media screen and (max-width:37.5em){.nav-bar{transition:transform .25s cubic-bezier(.5,0,.5,1);position:absolute;top:0;right:-200px;box-shadow:0 0 3em #0003}.nav__list{width:200px;height:100vh;background-color:#f2f2f2;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding-block:1rem;padding-inline:.75rem}.nav__list .nav__item{margin-bottom:1rem}.nav__list .nav__link{text-align:center;letter-spacing:.125rem;padding:.75em;display:block}.nav__list .nav__link:after{display:none}.nav__list .nav__link:is(:hover,:focus){color:#fff;background-color:#8f24e0}}.hero{background-blend-mode:multiply;background-color:#0000;background-image:linear-gradient(#f9f871,#ffc75f,#ff9671,#ff6f91,#d65db1),url(images/home/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:50vh 0;position:relative}.hero .hero__designer{width:min(40vw,200px);height:min(5vh,100px);mix-blend-mode:multiply;background:url(images/home/author.png) 50%/cover no-repeat;display:inline-block;position:absolute;inset:auto 0 0 auto}.hero .hero__title{z-index:1;color:#8f24e0;text-shadow:0 0 .25em #ffffff80;letter-spacing:.25rem;font-size:4rem;position:absolute;top:10%;left:50%;transform:translate(-50%)}.about{color:#fff;background-image:linear-gradient(#8f24e0 20%,#fff)}.about .about__desc{text-transform:uppercase;text-align:center;color:#f1ff48;text-shadow:.025em .025em green,.05em .05em #32cd32,.075em .075em #0f0,.1em .1em #7dfa00,.125em .125em #80ff00,.15em .15em #abff2e,.175em .175em #99cd32;margin-bottom:.5em;font-family:Bungee,cursive;font-size:3rem;line-height:1.2}.about .about__subtitle{text-align:center;max-width:50ch}.about .about__image{flex-wrap:wrap;display:flex}.about .about__image img{margin-top:max(1vw,1rem)}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.about .about__image img{opacity:.75;transition:transform .25s,opacity .15s}.about .about__image img:hover{opacity:1;transform:scale(1.1)}}.column{max-width:25%;flex-direction:column;flex:25%;padding-inline:.5rem;display:flex}@media screen and (min-width:37.5em) and (max-width:48em){.column{max-width:50%;flex:50%}}@media screen and (max-width:37.5em){.column{max-width:100%;flex:100%}.column:nth-child(2n){flex-direction:column-reverse}.column .landscape{display:none}}.member{color:#fff;background-color:#1f2023}.member .member__cards{flex-wrap:wrap;justify-content:space-around;align-items:center;margin-top:3rem;display:flex}.member .member__cards .member__card{max-width:250px;color:#fff;background:#1f2023;border-radius:1em;flex:25%;margin:2rem 2rem 4rem;box-shadow:0 0 15px 10px #0000004d}@media screen and (max-width:37.5em){.member .member__cards .member__card{flex:100%}}.member .member__cards .member__card .member__body{z-index:1;grid-template-rows:minmax(30vh,300px) auto;display:grid;position:relative}.member .member__cards .member__card .member__body:after,.member .member__cards .member__card .member__body:before{content:"";border-radius:1em;position:absolute}.member .member__cards .member__card .member__body:before{z-index:-1;background-color:#1f2023;inset:-8%;box-shadow:0 0 15px 10px #0000004d}.member .member__cards .member__card .member__body:after{z-index:-2;background-image:linear-gradient(to top left,#faced4,#f1ff48);transition:inset .25s;inset:-8.5%}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.member .member__cards .member__card .member__body:hover:after{inset:-9.5% -10.5%}}.member .member__cards .member__card .member__body .member__image{width:100%;height:100%;border-radius:1em}.member .member__cards .member__card .member__body .member__name{text-align:center;margin-top:1em;font-size:1.75rem;font-weight:600;line-height:1.1}.member .member__cards .member__card .member__body .btn-info{color:#f1ff48;background-color:#0000;border-width:1px;margin:1.25em auto 0;padding:.5em 1em;transition:all .15s}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.member .member__cards .member__card .member__body .btn-info:hover{color:#000;background-color:#f1ff48;border-color:#f1ff48}}dialog{width:min(90vw,800px);background-color:#1f2023;border:.125rem solid #f1ff48;border-radius:1rem;padding:0}dialog::backdrop{background:#000000b3}.member__info{color:#fff;background-color:#1f2023;grid-template-columns:1fr 1rem 1fr;padding:3rem 1rem 2rem;display:grid;position:relative}.member__info .member__info__image{width:100%;height:100%;grid-area:1/1/4}@media screen and (max-width:43.75em){.member__info .member__info__image{width:30vw;aspect-ratio:1/1.15;border-radius:100%;grid-area:1/3;place-self:center}}.member__info .member__info__name{text-align:center;grid-area:1/3;margin-top:.5em;font-size:2rem;font-weight:600}@media screen and (max-width:43.75em){.member__info .member__info__name{grid-area:1/1;place-self:center;margin:0;font-size:1.75rem}}.member__info .member__info__content{grid-area:2/3}@media screen and (max-width:43.75em){.member__info .member__info__content{grid-area:2/1/auto/-1}}.member__info .member__info__content>*{margin-top:1.2rem;font-size:clamp(1rem,.9rem + .45vw,1.25rem)}.member__info .member__info__content .member__social__list{flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.member__info .member__info__content .member__social__list .social__icon{width:50px;height:50px;border-radius:10px;margin-top:1rem;overflow:hidden}@media screen and (max-width:43.75em){.member__info .member__info__content .member__social__list .social__icon{margin-inline:.5rem}}.member__info .btn-close{color:#fff;background-color:#1f2023;padding:.8em;font-size:1.25rem;line-height:.5;position:absolute;top:.2em;right:.2em}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.member__info .btn-close:hover{color:#000;background-color:#a9a9a9;border-color:#a9a9a9}}.events{color:#1f2f56;background:#f5f7ff}.events .title{color:#3829e0}.events .event{grid-template-columns:1fr 1rem 1fr;align-items:center;padding-block:2rem;display:grid}.events .event .event__subtitle{margin-bottom:.5em;font-size:2rem}.events .event .event__subtitle span{font-size:.75em;display:block}.events .event .btn-event{color:#fff;background-color:#3299d6;font-size:1.25rem;font-weight:500;transition:all .25s}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.events .event .btn-event:hover{background-color:#2278aa}}.events .event .event__image img{aspect-ratio:1/1.15}.slide-in{transition:transform .35s ease-in,opacity .25s ease-in}.left-side{grid-column:1}.right-side{grid-column:3}@media screen and (min-width:48em){.left-side{opacity:0;transform:translate(-200px)}.right-side{opacity:0;transform:translate(200px)}.left-side.appear,.right-side.appear{opacity:1;transform:translate(0)}}@media screen and (max-width:37.5em){.events .event :is(.event__image,.event__content){grid-column:1/-1}.events .event .event__content{grid-row:2}.events .event .event__subtitle{margin-block:1em .5em}}.contact{color:#fff;text-align:center;background:#121212;padding-block:5rem}.contact .title-footer{letter-spacing:.25rem;font-weight:600}.contact .social-list{justify-content:center;align-items:center;display:flex}.contact .social-list svg{width:40px;height:40px;stroke-width:1.5px}.contact .social-list .social__item+.social__item{margin-left:3rem}.contact .social-list .social__link{background-color:#ffffff4d;border-radius:50%;align-items:center;padding:.5rem;transition:all .25s;display:inline-flex}@media screen and (min-width:48em) and (hover:hover) and (any-pointer:fine){.contact .social-list .social__link:hover{transform:scale(1.1)translateY(-10%)}.contact .social-list .social__link.facebook:hover{background:linear-gradient(45deg,#3b5897,#0078d7);box-shadow:0 4px 30px #2c63aa80}.contact .social-list .social__link.instagram:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);box-shadow:0 4px 30px #7940bf99}.contact .social-list .social__link.youtube:hover{background:linear-gradient(45deg,#f44f5a,#e52030);box-shadow:0 4px 30px #ee3d4a80}}.contact .email{justify-content:center;align-items:center;margin-top:1.5em;display:flex}.contact .email a{opacity:.7}@media (hover:hover) and (any-pointer:fine){.contact .email a:is(:hover,:focus-visible){opacity:1;text-decoration:underline}}.contact .email span{align-items:center;margin-right:.25em;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}