.wrapper{background-color:#1b1726;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{grid-area:footer}@media (max-width:768px){.wrapper{display:grid;grid-template-areas:"header nav" "main main" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto}.mainheader{background-color:#1b1726;left:0}.mainheader,.navbar{position:fixed;top:0;z-index:1000}.navbar{right:0}main{min-height:100vh}}.mainfooter{background-color:#0b1026;width:100%}.wrapperfooter{align-items:center;box-sizing:border-box;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}@media (max-width:768px){.wrapperfooter{background-color:#120a0b;border-top:1px solid #ff69b44d;display:grid;grid-template-areas:"homeabout copyright socialmedia";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.socialmedia{display:flex;flex-direction:column;grid-area:socialmedia;margin-bottom:15px}.socialmedia a{color:#ff5fa2;font-family:Montserrat,Inter,sans-serif;font-size:1.17rem;font-weight:600;letter-spacing:1px;text-decoration:none}.homeabout{display:flex;flex-direction:column;grid-area:homeabout;margin-bottom:20px}.homeabout a{color:#ff5fa2;font-size:1rem;letter-spacing:1px}.copyright{border-left:1px solid #ffffff26;border-right:1px solid #ffffff26;border-top:none;color:#ff5fa2;flex-direction:column;font-family:Poppins,sans-serif;font-size:.7rem;grid-area:copyright;margin-left:50px;padding:0 5px;text-align:center}.twicelogo{display:none}}@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}.homemobilelogo{display: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}@media (max-width:768px){.mainheader{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#120f1c66}.homemobilelogo{display:block;filter:drop-shadow(0 0 10px rgba(255,95,162,.5));height:50px;margin-left:10px;width:auto}.headerh1{display:none}}.navbar{align-items:center;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}.hamburgerbutton,.hamburgerlist{display:none}@media (max-width:768px){.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#120f1ccc!important;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-evenly}.hamburgerbutton{background:#0000;border:none;color:#f5f5f5;cursor:pointer;display:block;font-size:1.8rem;height:50px;width:50px}.hamburgerlist{display:none;gap:10px;list-style:none;margin-left:20px}.hamburgerlist.open{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2600ffcc;border-radius:5px;display:flex;flex-direction:column;padding:10px}.hamburgerlist li{font-family:Stardom-Regular,serif;font-optical-sizing:auto;font-size:.9rem;font-style:normal;font-weight:600}.hamburgerlist li a{color:#f5f5f5;letter-spacing:1px;text-decoration:none;transition:.5s}.navbarlist{display:none}}.homecontainer{min-height:100vh;position:relative;width:100vw}.homeh2{bottom:20%;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}.homemember{bottom:15%;display:flex;flex-direction:row;gap:10px;justify-content:center;left:30%;position:absolute}.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;object-fit:cover;width:100vw}@media (max-width:768px){.homecontainer{background-image:url(/static/media/twicemobileee.b7689c94eaeb0f741e6e.webp);background-position:top;background-repeat:no-repeat;background-size:cover;height:100%;min-height:100svh;opacity:.9;width:100%}.homeh2,.homeimage,.homemember{display:none}}.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%}@media (max-width:768px){.about{gap:20px;margin-top:150px;max-width:100%}.aboutheaders h2{font-size:4rem}.aboutheaders h3{font-size:2rem;text-align:center}.aboutimage{height:100%;max-width:95%}.abouttext{font-size:1.5rem;line-height:1.5;margin:20px auto;padding:20px}}.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{background-color:#1a1a1a;display:grid;grid-template-areas:"nameemoji" "profile" "details";grid-template-rows:70px 1fr auto;inset:0;position:absolute;z-index:2}.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}.hoverimage{border-radius:50px;grid-area:profile;height:95%;margin-left:20px;margin-top:20px;object-fit:cover;width:95%}.hoverinfo{grid-gap:.75rem 1rem;border:5px solid #000;display:grid;font-family:sans-serif;gap:.75rem 1rem;grid-area:details;grid-template-columns:auto auto;margin:20px}.hoverinfo h2{align-content:center;color:#000;font-family:sans-serif;font-size:1.5rem;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)}}@media screen and (max-width:768px){.memberswrapper{grid-gap:10px;display:grid;flex-direction:column;gap:10px;grid-template-areas:"mobilewrapper";grid-template-columns:1fr;grid-template-rows:1fr;grid-template-rows:auto;margin-top:60px;padding:20px}.cardswrapper{background-color:#1a1a1a;box-sizing:border-box;gap:2px;height:700px;margin:0 auto;width:100%}.hovercard{background-color:#000;grid-template-rows:40px 1fr auto;height:100%;width:100%}.hoverinfo{border:5px solid #070767e0;margin:10px}.hoverinfo h2{font-size:1rem;margin-left:1px;text-align:center}.hoveremoji{font-size:1.2rem}.hoveremoji h2{color:#1a1a1a}.hoverimage{height:100%;margin:0 auto;width:100%}}.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)}@media (max-width:768px){.album{height:100%;margin:0 auto;max-width:290px}.albumimg{height:400px;width:100%}.albumdetails{font-size:1em}}.discography{grid-gap:90px;box-sizing:border-box;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}@media screen and (max-width:768px){.discography{gap:30px;padding:10px;width:100%}.discographyh2{font-size:1.3rem;margin-top:40px}.searchfilter button{font-size:.8rem;padding:3px 7px}.discographycards{gap:10px;padding:10px}}.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%}@media (max-width:768px){.albumdetailslayout{gap:10px;grid-template-columns:50px 1fr;grid-template-rows:auto auto 500px;margin-top:100px;max-width:1000px;min-height:100vh}.albumdetailh2{border-right:2px solid cyan}.albumdetailh2 h2{font-size:1.2rem}.detailtrack h3{color:#fff;font-size:2rem}.detaildesc p{font-family:sans-serif;font-size:1.4rem;margin:0 5px}.iframe{height:100%;max-width:96%}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}
/*# sourceMappingURL=main.e837c87b.css.map*/