*{margin:0;padding:0;box-sizing:border-box}:root{--screen: calc(100vh - 75px) }@font-face{font-family:ART;src:url(/art-gallery/assets/RubikPuddles-Regular-DvnyBhkq.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nome;src:url(/art-gallery/assets/LoveLight-Regular-Clx-Jok4.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:carrosel;src:url(/art-gallery/assets/Coiny-Regular-Dbk5rPSu.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Masonry;src:url(/art-gallery/assets/Hanalei-Regular-DghInWFf.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Handwriting;src:url(/art-gallery/assets/Caveat-VariableFont_wght-Cd5oCIlo.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Medieval;src:url(/art-gallery/assets/MedievalSharp-Regular-BN2kGNB9.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Graffiti;src:url(/art-gallery/assets/Nosifer-Regular-CXzrgB0K.ttf);font-weight:400;font-style:normal}@font-face{font-family:Metal;src:url(/art-gallery/assets/Break-gothic-C1fnm2RF.ttf);font-weight:400;font-style:normal}@font-face{font-family:Metalfont;src:url(/art-gallery/assets/MetalMania-Regular-BQ9h36zR.ttf);font-weight:400;font-style:normal}header{background-color:#000;border-radius:20px 20px 0 0;border-bottom:2px solid white;padding:2vw}.title{font-family:Art,sans-serif;font-size:3em;color:#fff;text-decoration:none}.autor{position:relative;left:-20px;top:15px;color:#fff;font-family:Arial,Helvetica,sans-serif}.nome{font-family:Nome,sans-serif;font-size:1.5em;box-sizing:border-box}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}footer>p{color:#fff}footer .redes{display:flex;gap:10px}.redes>a{color:#fff;padding:10px}@media (max-width: 360px){.title{font-family:Art,sans-serif;font-size:1em;color:#fff;text-decoration:none}.autor{display:block;position:static;font-size:.5em}.redes>a{padding:1vw;font-size:4vw}}main{background-color:#f7cd00;display:flex;flex-direction:column;align-items:center;gap:100px;padding-bottom:100px}#sobre{background-color:#e6e6e6;width:100%}#sobre>p{font-family:Arial,Helvetica,sans-serif;margin:auto;padding:10px;text-align:center;line-height:20px;max-width:1000px}.nav-bar{position:sticky;top:0;background-image:radial-gradient(circle,#2575b4,#082342);display:flex;justify-content:center;align-items:center;z-index:2}.btn-container{display:flex;align-items:center;gap:10px;max-width:80%;padding:6px;overflow-x:scroll}.nav-arrow:first-child{transform:scaleX(-1)}.nav-arrow{background-color:#0000;border:0}.clicked{border-bottom:1px solid white;border-radius:30px}.btn-container::-webkit-scrollbar{display:none}.nav-button{width:70px;text-align:center;color:#fff;cursor:pointer}.nav-button:hover{transform:scale(1.2)}.nav-button:hover{transform:scale(1.2);box-shadow:inset -15px -15px 5px #08234213;border-bottom-right-radius:5px}.nav-button:focus{transform:scale(1.2);box-shadow:inset -15px -15px 5px #08234213;border-bottom-right-radius:5px}.nav-icon{width:25px;height:25px}.nav-text{display:block;margin-top:1px}#carrossel{display:flex;flex-direction:column;justify-content:center;align-items:center}h2{display:flex;justify-content:center;align-items:center;gap:20px;font-family:carrosel,sans-serif;color:#fff}.carrossel-text span{display:inline-block}.letra-branca{color:#ff1200;animation:desceSobe 6s linear infinite}.letra-azul{color:#2575b4;animation:subeDesce 6s linear infinite}.carrossel{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.carousel-display{background-image:linear-gradient(#9b0b00,#ff1200,#9b0b00);display:grid;width:100vw;max-width:1000px;grid-template-columns:1fr 5fr 1fr;border-radius:20px}.carousel-slice{display:flex;justify-content:center;align-items:center;max-width:800px;border-radius:10px}.carousel-image{width:100%;max-width:300px;border-radius:10px}button{background-color:#000000b3;height:100%;width:100%;max-width:50px;color:#fff;justify-self:right}.iconleft{justify-self:left;border-radius:20px 0 0 20px}.iconright{border-radius:0 20px 20px 0}.indicators{display:flex;justify-content:center}.dot{display:inline-block;width:10px;height:10px;margin:5px;background:gray;border:1px solid white;border-radius:50%;cursor:pointer}.dot.active{background:#000}@keyframes subeDesce{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes desceSobe{0%{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width: 350px){body p{font-size:8vw}h2{gap:5vw;font-size:8vw}}#brasil{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;gap:20px;padding:20px;background-image:radial-gradient(#203f2f,#c9dc4b,#203f2f);width:100%}.wall-wrapper{display:flex;justify-content:center;align-items:center;margin-top:50px;position:relative;max-width:100vw;overflow:hidden}.wall-container{display:flex;flex-direction:column-reverse;position:relative;cursor:pointer}.wall-row{display:flex;justify-content:center}.wall-row.row-odd{margin-left:25px}.block{width:50px;height:30px;background-image:radial-gradient(#b86641,#b75e30);border:1px solid #8b4513;border-radius:5px;box-shadow:inset -3px -3px 5px #0007;opacity:0;transform:translateY(50px)}.animate{animation:build .3s ease-out forwards}#brasil>p{text-align:center}.masonry{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;font-family:Masonry,Times New Roman,Times,serif;font-size:2em;color:#fff;padding:10px 20px;border-radius:5px;transition:opacity 3s ease-in-out}.fade-in{text-align:center;opacity:1}#brasil>p{color:#fff}.masonry-container{display:flex;gap:10px;margin-left:-10px;width:auto;max-width:1000px}.masonryc-column{padding-left:10px;background-clip:padding-box}.masonry-item img{width:100%;display:block;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 5px #0003}.modal{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;justify-content:center;align-items:center;z-index:1000}.modal-content{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 4px 10px #00000080}.close{position:absolute;top:20px;right:30px;height:40px;font-size:30px;font-weight:700;color:#fff;cursor:pointer;z-index:2}.clickable-img{cursor:pointer;transition:transform .2s ease-in-out}.clickable-img:hover{transform:scale(1.05)}@keyframes build{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0}#RPG{background-color:#2d2d2d;width:100%;max-width:1000px;height:var(--screen);padding:20px 0;border-radius:10px;border:1px solid white;box-sizing:border-box;overflow:hidden}#RPG>h2{font-family:Medieval,Times New Roman,Times,serif}#poster{display:flex;flex-direction:column-reverse;width:100%;height:60%}.character-info{background-image:linear-gradient(to right,#0000004d,#0000);height:30%;padding-left:10px;padding-bottom:20px;text-align:left;color:#fff}.character-info>h3{margin:0;text-indent:30px;font-family:Medieval;font-size:16px}.character-info>p{width:80%;text-indent:30px;font-size:10px}#cards{padding:3px;position:relative;top:-5%;width:100%;height:40%;max-width:1000px;display:grid;grid-template-columns:repeat(3,1fr);overflow-y:scroll}::-webkit-scrollbar{display:none}.card{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;text-align:center;color:#fff;cursor:pointer;transition:transform .3s ease-in-out}.card:hover{outline:1px solid white}.card>h3{display:none}.card img{width:100%;object-fit:cover;border-radius:10px}.card>p{display:none}@media screen and (orientation: landscape){#RPG{height:1000px}#poster{border-radius:20px;height:100%}.character-info{display:none}#cards{grid-template-columns:repeat(4,1fr);top:-42%}.card>h3{font-family:Graffiti}.card>h3,.card>p{background-image:linear-gradient(to right,#0000004d,#0000)}.card>h3{display:block;width:100%}.card{display:flex;flex-direction:column;justify-content:start;padding:5px}.card>p{display:block;font-size:.8em}}#parallax{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;overflow:hidden;background-image:url(/art-gallery/assets/skull-CBAEFufn.png);background-attachment:fixed;background-position:center;background-size:cover;border-radius:10px}#parallax>h2{font-size:3em}@media (max-width: 500px){#parallax>h2{font-size:8vw}}#music-cards{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;max-width:1200px;padding:20px}.musiccard{width:70%;aspect-ratio:1/1;background-size:cover;background-position:center;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;color:#fff;border-radius:20px}.musiccard.visible{opacity:1;transform:translateY(0)}.poetry{background-color:#00000059;width:50%;padding:3px 6px;border-radius:8px;text-align:left;font-size:1.6em;font-family:Handwriting,Arial,Helvetica,sans-serif}.song-info{display:flex;flex-direction:column;background-color:#00000059;border-radius:10px;width:50%;padding-left:6px;font-weight:700;font-size:1em;text-align:left}@media (orientation: portrait){.poetry,.song-info{width:80%}}@media (max-width: 500px){#music-cards{width:100%;padding:0}.musiccard{width:85%}}#fufy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;padding:30px 5px;background-image:linear-gradient(#bf3b86,#fbbdb9,#bf3b86);perspective:1000px;min-height:var(--screen)}#fufy>h2{background-image:linear-gradient(#bf3b86,#fbbdb9,#bf3b86);padding:2px 15px;border:1px solid white;border-radius:1000px;text-shadow:2px 2px 4px rgba(0,0,0,.63)}#fufy>p{color:#fff;font-weight:700}.component3d{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px;width:100%;height:100%;max-width:1000px;max-height:var(--screen);aspect-ratio:16/9;border-radius:15px;padding:30px;background-image:url(/art-gallery/assets/pink-castle-C4ULemcz.png);background-size:cover;transform-style:preserve-3d;transition:transform .5s ease-out;overflow:visible;cursor:pointer}.component3d img{height:100%;min-height:50px;max-height:250px;border-radius:50%;border:2px solid #BF3B86;outline:1px solid white}.glitter-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .3s ease;z-index:10}.component3d>*{transform-style:preserve-3d}.layer{background-size:cover;background-position:center;will-change:transform;backface-visibility:hidden}.background{z-index:1}.middle{z-index:2}.foreground{z-index:3}.component3d .background.active{filter:drop-shadow(5px 5px 15px rgba(251,189,185,.6));animation:floatBackground 3s ease-in-out infinite}.component3d .middle.active{filter:drop-shadow(10px 10px 20px rgba(251,189,185,.7));animation:floatMiddle 4s ease-in-out infinite}.component3d .foreground.active{filter:drop-shadow(15px 15px 25px rgba(251,189,185,.8));animation:floatForeground 5s ease-in-out infinite}@keyframes floatForeground{0%{transform:translateY(0) translateZ(100px) scale(1.5)}50%{transform:translateY(-10px) translateZ(100px) scale(1.5)}to{transform:translateY(0) translateZ(100px) scale(1.5)}}@keyframes floatMiddle{0%{transform:translateY(0) translateZ(60px) scale(1.3)}50%{transform:translateY(-6px) translateZ(60px) scale(1.3)}to{transform:translateY(0) translateZ(60px) scale(1.3)}}@keyframes floatBackground{0%{transform:translateY(0) translateZ(20px) scale(1.1)}50%{transform:translateY(-4px) translateZ(20px) scale(1.1)}to{transform:translateY(0) translateZ(20px) scale(1.1)}}#playerSelect{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1000px;min-height:var(--screen);background-color:#000;padding:20px}.rocker-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;aspect-ratio:16/9}.rocker-container>h1{font-family:Metal,Times New Roman,Times,serif;font-size:3.5vw;text-align:center;color:#fff;padding-bottom:15px}.rockers{height:90%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2%}.rocker{overflow:hidden;width:100%;display:grid;grid-template-rows:90% 10%;transition:all .3s ease}.rocker>img{align-self:end;justify-self:center;object-fit:contain;height:80%;overflow:hidden}.rocker>h2{font-family:Metalfont;text-align:center;color:#fff}.rocker.focus{grid-column:span 2;border:2px solid white;border-radius:10px}@media (max-width:900px){.rocker>h2{font-size:2vw}}