.wrapper{background-color:#1a1625;display:grid;grid-template-areas:"header nav" "main main" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;min-height:100vh}.mainheader{grid-area:header}.navbar{grid-area:nav}main{grid-area:main}.mainfooter{background-color:#0b1026;grid-area:footer;width:100%}.wrapperfooter{align-items:center;display:grid;grid-template-areas:"socialmedia home homeabout" "copyright copyright copyright";grid-template-columns:1fr 1fr 1fr;justify-items:center;margin:0 auto;max-width:1000px}.socialmedia{display:flex;flex-direction:column;font-size:2.2rem;grid-area:socialmedia;margin-top:11px}.socialmedia a{color:#b8b9d6}.socialmedia a:hover{color:#ff5fa2}.homeabout{display:flex;flex-direction:column;grid-area:homeabout;margin-left:30%}.homeabout a:hover{color:#ff5fa2}.homeabout a{color:#b8b9d6;font-size:2.2rem;margin-top:10%;text-decoration:none}.Twicelogo{grid-area:home;margin-top:30px}.copyright{border-top:2px solid #f7eded1a;color:#94a3b8;font-family:Poppins,sans-serif;font-size:2rem;grid-area:copyright;letter-spacing:1px;text-transform:uppercase}@font-face{font-display:swap;font-family:Stardom-Regular;font-style:normal;src:url(/static/media/Stardom-Regular.dd912358ae6debfbf01e.woff2) format("woff2"),url(/static/media/Stardom-Regular.c53c0126de3b97cc3eed.woff) format("woff"),url(/static/media/Stardom-Regular.c2d6a716773cd58783d5.ttf) format("truetype")}.mainheader{background-color:#9b79dff3;border-bottom:none;box-shadow:none}.Headerh1{display:inline-block;font-family:Stardom-Regular,serif;font-size:3rem;font-style:bold;font-weight:800;margin-left:10%}.header{color:#fff;letter-spacing:2px;text-decoration:none}.header :hover{color:#000;transition:.5s}.header :hover:first-letter{color:#e0e0e0;font-weight:900;transition:.5s}.navbar{align-items:normal;background-color:#9576d4f3;border-bottom:none;box-shadow:none;justify-content:center}.navbar,.navbarlist{display:flex;flex-direction:row}.navbarlist{gap:50px;list-style:none;margin-left:50px}.navbarlist li{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-size:2.4rem;font-style:normal;font-weight:400}.navbarlist li a{color:#f5f5f5;letter-spacing:3px;text-decoration:none;transition:.5s}.navbarlist li :hover{color:#000}.Homecontainer{box-sizing:border-box;margin:0;padding:0;position:relative}.Homeh2{color:#f5f5f5;font-family:Cinzel Decorative,serif;font-size:5rem;font-style:normal;font-weight:700;left:40%;letter-spacing:.5rem;position:absolute;text-shadow:0 4px 10px #d70f0fcc;top:73%;z-index:1}.homemember{display:flex;flex-direction:row;gap:10px;justify-content:center;left:30%;position:absolute;top:83%}.homep{color:#373e98;font-family:"sans serif";font-size:2.5rem;font-style:italic;font-weight:800;text-shadow:2px 2px 4px #00000080;white-space:nowrap}.homep:nth-child(2n){color:#fff;transform:translateY(50px)}.homep:nth-child(odd){transform:translateX(20px)}.Homeimage{display:block;height:150vh;object-fit:fill;opacity:86%;width:100%;z-index:0}.about{grid-gap:90px;align-items:center;display:grid;gap:90px;grid-template-areas:"aboutheader" "aboutimage" "aboutinfo";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;justify-items:center}.aboutheaders{background:linear-gradient(180deg,#615327,#f8a305);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));font-family:Cinzel Decorative,serif;font-style:normal;font-weight:900;grid-area:aboutheader;letter-spacing:2px}.aboutheaders h2{font-size:6rem;margin-top:2%;text-align:center}.aboutheaders h3{font-size:3rem;line-height:1.7}.aboutimage{border-radius:20px;box-shadow:0 8px 20px #89060633;grid-area:aboutimage;height:100vh;max-width:100%}.abouttext{color:#f5f5f5;font-family:sans-serif;font-size:2rem;grid-area:aboutinfo;line-height:2;margin:50px auto;max-width:1950px;padding:1%}.memberswrapper{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;margin:0;min-height:100vh;padding:50px;pointer-events:none;width:100%}.cardswrapper{align-items:center;border-radius:20px;box-shadow:0 2px 10px 0 #0006,0 2px 25px 0 #00000080;display:flex;height:1100px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,opacity .3s ease,filter .3s ease;width:1000px}.frontcard{background-color:#8a2be2;border-radius:40px;box-shadow:inset 0 30px 60px -12px #0006,inset 0 18px 36px -18px #00000080;cursor:pointer;height:98%;overflow:hidden;pointer-events:auto;position:absolute;width:98%;z-index:1}.frontcard img{height:100%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.hovercard{display:grid;grid-template-areas:"nameemoji" "profile" "details";grid-template-rows:70px 2fr auto;inset:0;position:absolute;z-index:2}.hoverimage{border-radius:50px;grid-area:profile;height:95%;margin-left:20px;margin-top:20px;object-fit:cover;width:95%}.hoveremoji{color:#000;display:grid;font-family:Cinzel Decorative,serif;font-size:2em;font-style:italic;font-weight:700;grid-area:nameemoji;grid-template-areas:"h2 emoji";grid-template-columns:1fr 1fr;text-align:center}.hoveremoji h2{grid-area:h2;margin:5%;text-align:left}.hoveremoji h3{grid-area:emoji;margin:5%;text-align:right}.hoverinfo{grid-gap:.75rem 1rem;border:5px solid #000;display:grid;font-family:sans-serif;gap:.75rem 1rem;grid-area:details;grid-template-columns:repeat(2,1fr);margin:20px}.hoverinfo h2{align-content:center;color:#000;font-family:sans-serif;font-size:1.5;font-size:1.8rem;line-height:1.5;margin-left:100px;padding:1.2rem;text-align:left}.memberswrapper:hover .cardswrapper{filter:blur(2px);opacity:.4;transform:scale(.95)}.memberswrapper .cardswrapper:hover{filter:blur(0);opacity:1;transform:scale(1.02);z-index:20}.cardswrapper .hovercard{opacity:0;transform:translateY(100%);transition:.3s ease-in-out}.cardswrapper:hover .hovercard{background:#faf9f6;opacity:1;transform:translateY(0)}.cardswrapper:hover img{opacity:0}.cardswrapper:hover .hoverimage{border-radius:40px;opacity:1;padding:10px}.cardswrapper:before{animation:glowing01 5s linear infinite;animation:glowing 5s linear infinite;background:#40e0d0;background:linear-gradient(90deg,#ff0080,#ff8c00,#40e0d0);content:"";height:150%;position:absolute;transform-origin:center;width:40%}@keyframes glowing{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.album{box-shadow:0 0 50px #ffb7b580;box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-columns:auto;grid-template-rows:auto;margin:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.album,.albumimg{height:600px;width:500px}.albumimg{border:1px solid red;border-radius:20px;grid-area:stack;transition:filter .3s ease}.albumdetails{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;font-size:3em;grid-area:stack;justify-content:center;opacity:0;z-index:2}.albumcardlink{text-decoration:none}.album:hover .albumdetails{cursor:pointer;opacity:1;text-align:center}.album:hover .albumimg{color:#000;filter:blur(8px)}.discography{grid-gap:90px;display:grid;gap:90px;grid-template-areas:"discoh2" "discooptions" "discocards";grid-template-columns:1fr;grid-template-rows:auto auto 1fr;padding:50px}.discographyh2{color:#e0e0e0;font-family:serif;font-size:5rem;grid-area:discoh2;letter-spacing:2px;text-align:center}.searchfilter{align-items:end;display:flex;flex-direction:row;gap:7px;grid-area:discooptions;justify-content:center}.searchfilter button{border-radius:50px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:3rem;padding:8px 24px;transition:.2s}.searchfilter button:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}.searchfilter button:active{background:#ff5e5e;border-color:#0000;box-shadow:0 0 10px #ff5e5e80}.discographycards{background-color:#1a1625;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:30px;grid-area:discocards;justify-content:center;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.discographycards img{cursor:pointer}.albumdetailslayout{grid-gap:30px;color:#fff;display:grid;gap:30px;grid-template-areas:"detailtitle detailtrack" "detailtitle detaildesc" "detailtitle detailvideo";grid-template-columns:200px 1fr;grid-template-rows:100px 200px 500px;margin:50px auto;max-width:1200px}.albumdetailh2{align-items:center;border-right:2px solid red;display:flex;font-family:Stardom-Regular,serif;font-size:2.3rem;grid-area:detailtitle;justify-content:center}.albumdetailh2 h2{font-size:3.8rem;text-transform:uppercase}.albumdetailh2 h2,.detailtrackh2{color:#fff;font-weight:900;letter-spacing:4px}.detailtrackh2{transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr}.detailtrack{grid-area:detailtrack}.detailtrack h3{color:#ff66b2;font-size:3rem;font-weight:900;letter-spacing:-.5px;text-align:center}.detaildesc{grid-area:detaildesc}.detaildesc p{color:#d1d1d6;font-size:1.9rem}.detailvids{grid-area:detailvideo;margin:0;max-width:500px;width:100%}.iframe{height:100%;width:100%}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}
/*# sourceMappingURL=main.9e9500e2.css.map*/