.header{padding:10px 40px;margin-inline:60px;background:linear-gradient(90deg,rgba(217,161,255,.95),hsla(0,0%,100%,.75),rgba(217,161,255,.95));border-radius:0 0 60px 60px;border-bottom:2px solid #fff;display:flex;align-items:center;justify-content:space-between}.header>h1{font-size:50px;font-weight:700}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.nav>button{color:#000;padding:.5rem 1rem;font-size:1.2rem;background:none;border:0 solid #fff;border-radius:10px;transition:background .3s ease}.nav>button:hover{background:rgba(178,157,255,.75)}.hero{position:relative;width:95vw;margin:0 auto;height:70vh;border-radius:0 0 80px 80px;background-image:url(/img/genshin_hero.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fff;overflow:hidden}.heroText{width:100%;position:absolute;bottom:2rem}.heroText>h1{text-align:center;font-size:40px;font-weight:700;margin:auto;background:hsla(0,0%,100%,.4);padding:12px 5px 0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.heroText>h1>span{background:linear-gradient(90deg,#04f,#000,#04f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:2%;font-weight:500}.heroText>h2{text-align:center;font-size:35px;font-weight:lighter;margin:auto;background:hsla(0,0%,100%,.4);padding:0 5px 12px;border-radius:0 0 0 30px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.swipper-container{width:100%;margin:auto;margin-block:clamp(1rem,3vw,3rem);overflow:hidden;padding:clamp(.5rem,6vw,6rem);background-position:50%;background-repeat:no-repeat;background-size:cover}.dropDownNav{position:relative;display:none}.dropDownNav>button{width:30px;height:30px;background:none;color:#fff;border:5px outset rgba(255,0,242,.5);border-radius:100%;cursor:pointer;transition:all .5s ease!important}.dropDownNav>button:hover{scale:1.2}.dropDownNav>button>div>hr{width:8px;margin-inline:auto}.dropDownNav>ul{position:absolute;width:-moz-fit-content;width:fit-content;top:150%;right:0;margin:0;padding:10px;background:linear-gradient(45deg,rgba(245,171,255,.75),hsla(0,0%,100%,.75));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:2px solid #fff;border-radius:4px;box-Shadow:0 2px 8px rgba(0,0,0,.1);list-style:none;z-index:1000;animation:popIn .75s ease}.dropDownNav>ul>a>li{font-size:10px;padding:8px;cursor:pointer;border-bottom:1px solid #ddd;transition:background .5s ease}.dropDownNav>ul>a>li:hover{background:hsla(0,0%,100%,.75)}@keyframes popIn{0%{opacity:0;transform:scale(1)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:1650px){.header>h1{font-size:40px}.nav>button{padding:.5rem;font-size:.9rem}.heroText>h1{padding:10px 5px 0}.heroText>h1,.heroText>h2{font-size:30px}}@media (max-width:1285px){.header>h1{font-size:1.5rem}.nav{gap:10px}.nav>button{padding:.5rem;font-size:.8rem}.heroText>h1{padding:5px 5px 0}.heroText>h1,.heroText>h2{font-size:25px}}@media (max-width:1000px){.hero{width:100vw}.header>h1{font-size:1.5rem}.header{margin-inline:20px;padding:5px 20px}.nav{gap:5px}.nav>button{padding:.3rem;font-size:.7rem}.heroText>h1,.heroText>h2{font-size:20px}}@media (max-width:720px){.header{gap:30px}.header>h1{font-size:1.2rem}.nav{gap:5px}.nav>button{padding:.3rem;font-size:.6rem}.heroText{bottom:2rem}.heroText>h1,.heroText>h2{font-size:15px}.heroText>h2{width:100%;padding:5px;text-align:center}}@media (max-width:630px){.header>h1{margin:auto;padding-left:10%}.nav{display:none}.navOption{display:block}.dropDownNav>ul{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:500px){.hero{height:50vh;border-radius:0}.heroText{bottom:10%}.heroText>h1,.heroText>h2{font-size:12px}.heroText>h2{width:100%;padding:0 5px 5px;text-align:center}}hr{width:90%;border:1px solid #000;margin-block:2px}.lcard{position:relative;margin-bottom:60px;margin-left:10px;margin-right:auto;width:60vw;max-height:15rem;overflow:hidden;border-radius:40px;background:hsla(0,0%,100%,.6);padding:20px;display:flex;background-position:50%;object-fit:cover}.lcard:hover{background:hsla(0,0%,100%,.8);scale:1.02}.rightcard{margin-right:10px;margin-left:auto}.ltext{width:130%;display:flex;flex-direction:column;padding-inline:20px;overflow:hidden;overflow-y:scroll}.limage{grid-area:img;width:100rem;height:12rem;border-radius:40px;overflow:hidden;box-shadow:2px 2px 2px #000}.lname{font-size:35px;text-transform:uppercase;grid-area:name;padding-left:30px}.ldesc{font-weight:bolder;grid-area:desc;padding:10px 0 0 30px}.elementofchar{position:absolute;top:clamp(.2rem,.8vw,.8rem);right:clamp(.2rem,.8vw,.8rem);width:clamp(.5rem,3vw,3rem);height:clamp(.5rem,3vw,3rem);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all .5s ease}.elementofchar:hover{scale:1.1}.ltext::-webkit-scrollbar{width:1px}.ltext::-webkit-scrollbar-track{background:none;border-radius:20px}.ltext::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}@media (max-width:1500px){.lcard{width:70vw}.ltext{width:150%}.lname{font-size:30px}.ldesc{font-size:15px}}@media (max-width:1200px){.ltext{width:200%}.lname{font-size:25px}.ldesc{font-size:12px}.limage{height:8rem}.lcard{max-height:10rem;padding:15px;margin-bottom:40px}}@media (max-width:1000px){.ltext{width:250%;padding-left:0}.lname{font-size:20px}.ldesc{font-size:10px}}@media (max-width:800px){.ltext{width:300%}.limage{height:6rem;border-radius:30px}.lname{font-size:15px}.ldesc{font-size:8px;padding-top:5px}.lcard{max-height:8rem;padding:10px;margin-bottom:30px;border-radius:30px}}@media (max-width:650px){.ltext{width:400%;overflow-y:scroll}.limage{height:5rem;border-radius:20px}.lname{font-size:10px}.ldesc,.lname{padding-left:15px}.ldesc{font-size:7px;padding-top:1px}.lcard{max-height:6rem;padding:5px;margin-bottom:20px;border-radius:20px}}@media (max-width:450px){.ltext{width:500%;padding-right:5px}.limage{height:3.4rem}.lcard,.limage{border-radius:10px}.lcard{max-height:4rem}.lname{font-size:8px}.ldesc{font-size:6px}}@media (max-width:350px){.ltext{width:900%}.limage{height:2.5rem}.lcard,.limage{border-radius:5px}.lcard{max-height:3rem}.lname{font-size:7px}.ldesc{font-size:5px}}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/33e8c2ded63072ff-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/eba1a82ad9d4170f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/5b05565fbc39ccf9-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka Fallback;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_42e22f{font-family:Fredoka,Fredoka Fallback;font-weight:400;font-style:normal}.region{margin:5%;padding:40px;background:hsla(0,0%,100%,.5)}.emblem,.region{border-radius:20px}.emblem{position:absolute;top:20px;right:20px;width:100px;height:100px;background:#000;background-blend-mode:multiply;transition:all .5s ease!important}.emblem:hover{scale:1.25}.region>hr{width:100%;border:1px solid #000;margin-block:2px}.region>h1{font-size:50px;font-weight:700;padding:10px 40px 40px}.regionContent{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;padding:20px}.regionContent>p{width:50%;line-height:1.5;padding:20px;border-radius:20px;margin-bottom:20px;font-size:20px;font-weight:700;background:linear-gradient(90deg,hsla(0,0%,100%,.6),transparent)}.regionCharSection{border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-height:700px;overflow:hidden;overflow-y:scroll;scroll-behavior:smooth;padding:10px;gap:20px}.charCard{width:500px;height:450px;background:hsla(0,0%,100%,.6);border-radius:20px;overflow:hidden;padding:20px;display:grid;grid-template-areas:"img charText";place-content:center;transition:all .5s ease!important}.charCard:hover{cursor:pointer;background:hsla(0,0%,100%,.75);scale:1.05}.charDetails{grid-area:charText;display:flex;flex-direction:column;padding-inline:20px;overflow:hidden;overflow-y:scroll}.charImage{width:200px;height:400px;border-radius:20px;grid-area:img;overflow:hidden}.charName{font-weight:700}.charCard>button{position:absolute;top:7px;right:7px;border:2px solid #000;border-radius:100%}.charCard>button:hover{border:2px solid #fff;scale:1.2}.uil-arrow-right:before{background:transparent;color:#fff;font-size:20px;font-weight:700;padding:5px;transition:all .5s ease!important}.uil-arrow-right:hover:before{color:#000}.charDesc{padding-top:5px}.regionCharSection::-webkit-scrollbar{width:6px}.regionCharSection::-webkit-scrollbar-track{background:#f0f0f0;border-radius:20px}.regionCharSection::-webkit-scrollbar-thumb{background:#cdf76d;border-radius:10px}.regionCharSection::-webkit-scrollbar-thumb:hover{background:#8afa22}.charDetails::-webkit-scrollbar{width:1px}.charDetails::-webkit-scrollbar-track{background:none;border-radius:20px}.charDetails::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}@media (max-width:1350px){.regionContent>p{width:70%}}@media (max-width:1040px){.regionContent>p{width:100%}}@media (max-width:1400px){.region{padding:10px;position:relative}.regionContent{padding:10px;position:static}.emblem{width:60px;height:60px;top:5px;right:5px;border-radius:15px}.emblem:hover{scale:1.1}.regionCharSection{max-height:300px}.region>h1{font-size:30px;padding:10px}.regionContent>p{width:100%;font-size:15px;line-height:1.25}.charCard{width:300px;height:250px}.charImage{width:100px;height:200px}.charName{font-size:15px}.charDesc{font-size:10px;line-height:1.25}}@media (max-width:770px){.regionContent>p{font-size:10px}.emblem{width:40px;height:40px;border-radius:10px;top:10px;right:10px}.emblem:hover{scale:1.2}}@media (max-width:400px){.regionContent>p{font-size:8px;padding:15px}.charCard{width:250px;height:220px;padding:10px}.charImage{width:100px;height:200px}.charName{font-size:10px}.uil-arrow-right:before{font-size:12px;padding:2px}.charDesc{font-size:8px;line-height:1.1}.charDetails{padding-left:15px}}@media(max-width:340px){.charDesc,.regionContent>p{font-size:7px}}@font-face{font-family:Sour Gummy;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/37bdb5bc83f7b6fc.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sour Gummy;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9320deca0928ab4d.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_b6b70c{font-family:Sour Gummy;font-weight:400;font-style:normal}@font-face{font-family:Arizonia;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/22938a60e5f5a16d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Arizonia;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4136e1188145a54d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Arizonia;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a273d0299995b559-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Arizonia Fallback;src:local("Arial");ascent-override:110.23%;descent-override:42.87%;line-gap-override:0.00%;size-adjust:81.65%}.__className_458af6{font-family:Arizonia,Arizonia Fallback;font-weight:400;font-style:normal}@font-face{font-family:Poiret One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/edbe1f30817b1c85-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Poiret One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2200dd95e1ba228a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poiret One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/036afb91967e20ed-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poiret One Fallback;src:local("Arial");ascent-override:100.20%;descent-override:21.67%;line-gap-override:0.00%;size-adjust:96.01%}.__className_aef804{font-family:Poiret One,Poiret One Fallback;font-weight:400;font-style:normal}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c89cfa4ee44cbc90-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c5ce8dda3f2e57a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bbe178ab8b70b75e-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/797ceaad3c9a531e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1b3800ed4c918892-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Pacifico Fallback;src:local("Arial");ascent-override:137.32%;descent-override:47.74%;line-gap-override:0.00%;size-adjust:94.89%}.__className_5f64cf{font-family:Pacifico,Pacifico Fallback;font-weight:400;font-style:normal}.archonheader{position:relative;display:flex;align-items:center;justify-content:space-between;width:80%;background-color:rgba(0,0,0,.75);margin:auto;margin-block:clamp(1rem,5vw,5rem);border-radius:5px;padding-block:clamp(0rem,1.5vw,1.5rem);padding-inline:clamp(.5rem,3vw,3rem)}.archonhead{width:-moz-fit-content;width:fit-content;padding-inline:10px;font-weight:700;font-size:clamp(.5rem,3vw,3rem);background:linear-gradient(90deg,#04f,#fff,#04f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 100px #000;transition:all .5s ease}.archonhead:hover{padding-inline:20px}.elementalImages{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:5px;margin-block:10px;margin-inline:10px}.ele{width:clamp(.5rem,3vw,3rem);height:clamp(.5rem,3vw,3rem);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all .5s ease}.ele:hover{scale:1.25}@font-face{font-family:Trade Winds;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a31f19e925d3f0b7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Trade Winds Fallback;src:local("Arial");ascent-override:87.03%;descent-override:40.05%;line-gap-override:0.00%;size-adjust:114.35%}.__className_ec04f2{font-family:Trade Winds,Trade Winds Fallback;font-weight:400;font-style:normal}