:root{--color-red:#fe1804;--color-navy:#002155;--color-gold:#ddc680;--color-white:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fe1804;background-color:var(--color-red);font-family:Pretendard,sans-serif;height:calc(100vh - 4em);margin:2em;overflow:hidden;position:fixed;width:calc(100vw - 4em)}#root{height:-webkit-fill-available}.App{color:#fff;color:var(--color-white);container-type:inline-size;height:100%;justify-content:space-between;text-align:center}#app_without_footer,.App{display:flex;flex-direction:column}#app_without_footer{flex-grow:1;margin-bottom:2vh;overflow:hidden}header{display:flex;font-size:min(5cqw,4.5em);justify-content:space-between;text-shadow:0 4px #fe1804;text-shadow:0 4px var(--color-red);width:100%}#catadioptric{font-family:bely-display,sans-serif}nav{display:flex;flex-wrap:wrap;font-size:min(2em,4vw,4vh);gap:2cqw;justify-content:space-between;margin-bottom:min(1.65cqw,30px);margin-top:min(2cqw,37px);text-shadow:0 3px #fe1804;text-shadow:0 3px var(--color-red)}.Nav_div{display:flex;gap:4cqw}.active-navlink,.idle-navlink{color:#fff;color:var(--color-white);text-decoration:none}.active-navlink{font-weight:600}.idle-navlink{font-weight:400}.transitionGroup{display:contents}main{display:flex;height:100%;justify-content:center;overflow:hidden}footer{align-items:flex-end;display:flex;font-size:max(1.4cqw,.7rem);font-weight:800;height:-webkit-max-content;height:max-content;justify-content:space-between;text-align:right}footer,footer a{color:#002155;color:var(--color-navy)}footer a{text-decoration:none}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}h1{font-weight:600;padding:15px 0}hr{border:1px solid #fff;border:1px solid var(--color-white);margin-block:20px;width:95%}input{display:none}label{background-color:#fe1804;background-color:var(--color-red);font-weight:400;padding:0 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button,input:checked+span{font-weight:600}button{background-color:#fe1804;background-color:var(--color-red);border:none;color:#fff;color:var(--color-white);font-size:1rem}@media (max-width:700px){#copyright{display:none}header{font-size:calc(12.04819vw - .48193em);justify-content:center}#second{display:none}}@media (max-width:450px) and (max-aspect-ratio:1){hr{margin-block:12px}}@media (max-width:400px){body{height:calc(100vh - 3em);margin:2em 2em 1em}}.About{box-sizing:border-box;display:flex;flex-direction:column;font-size:calc(12px + 1vw);font-weight:500;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:1rem max(0px,calc((100% - min(1050px, 84vw))/2));width:100%}.About h1,.About h2{background-color:var(--color-red);flex-shrink:0;margin-bottom:3.25rem;padding:0 1rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About h1:before,.About h2:before{border-top:4px solid var(--color-white);content:"";left:5px;position:absolute;top:50%;transform:translateY(-50%);width:100vw;z-index:-1}.About p,.About ul{margin-left:2rem}.About ul{display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:.5rem;width:calc(63vw + 20px)}.About li{width:calc(14vw + 145px)}@media (max-width:450px) and (max-aspect-ratio:1){.About h1,.About h2{margin-bottom:2.25rem}}.Home{width:100%}#home_background{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}#tail_container{height:-webkit-fill-available;margin-top:-2px;text-align:left}#tail,#tail_container{position:absolute;width:100%}#tail{height:calc(100% - 2rem);top:0;z-index:-8}#odradek{animation:hover 3s ease-in-out .5s infinite alternate;position:absolute;width:min(130vw,830px,120vh);z-index:10}#background_no_overflow{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}#background{height:100%;width:max(100%,1836px);z-index:-9}#background_wing{position:absolute;top:calc(26vh - 150px);width:max(1880px,100%);z-index:-6}#fixed_no_overflow{bottom:min(10rem,20vh);display:flex;justify-content:center;overflow:hidden;position:absolute;width:calc(100% - 4rem);z-index:-7}#background_pattern{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.background_dot{display:flex;justify-content:space-between;position:absolute;top:2vh;width:98%;z-index:-6}.background_dot img{width:max(16%,100px)}.background_left{animation:rotate-3 2s ease-in-out infinite alternate}.background_right{animation:rotate3 2s ease-in-out infinite alternate;transform:scaleX(-1)}.wing2{gap:5%;height:min(45vh,390px);top:max(calc(42vh + 3vw - 465px),-11vh)}.flower,.wing2{display:flex;justify-content:center;position:absolute;z-index:-5}.flower{gap:min(calc(2vw + 540px),85vh);height:min(480px,48vh);top:min(calc(3vw + 45vh - 65px),41vh)}.flower2{gap:min(calc(65px + 55vh - 1vw),calc(11vw + 300px));height:min(calc(34vh + .5vw - 15px),316px);top:calc(38vh + 1vw - 25px);z-index:-4}.flower2,.flower3{display:flex;justify-content:center;position:absolute}.flower3{height:min(calc(1vw + 73vh - 5px),605px);top:max(calc(43vh + 3vw - 500px),-12vh);z-index:-3}#yin_yang_and_shantih{align-items:center;bottom:4rem;display:flex;height:min(10vh,100px);justify-content:center;position:absolute;width:53%}.yin_yang{display:flex;height:min(10vh,110px);justify-content:space-between;position:absolute;width:100%;z-index:-1}.yin_yang img{animation:rotate_360 5s linear infinite}.yin_yang img.background_right{animation-direction:reverse}#shantih{background-color:var(--color-red);box-shadow:0 -.7rem var(--color-gold);color:var(--color-navy);font-size:3.7rem;font-weight:900;height:3.7rem;margin-top:.5rem;overflow:hidden;padding:0 1rem;width:max(calc(100% - 16vh),calc(100% - 200px));z-index:-2}#shantih p{animation:scroll-animation 4s linear infinite;position:relative;text-align:left;white-space:nowrap;width:80vw}#ribbon_container{-webkit-clip-path:fill-box;clip-path:fill-box;height:calc(63vh + 20px);position:absolute;top:max(calc(45vh - 360px + 2vw),calc(40px - 6vh));z-index:-2}#ribbon{animation:hover 6s ease-in-out infinite alternate;height:min(80vw,80vh,670px)}#ribbon2{height:min(50vw,50vh,420px);position:absolute;top:max(calc(45vh - 140px + 2vw),27vh)}#ribbon3{height:min(54vw,55vh,440px);top:max(calc(2.3vw + 44vh - 540px),calc(35px - 28.5vh))}#ribbon3,#ribbon_text{position:absolute;z-index:-1}#ribbon_text{height:min(21vh,21vw,175px);top:max(calc(45vh + 2vw - 270px),calc(2vh + 55px))}#links{filter:drop-shadow(0 4px var(--color-navy));position:absolute;top:max(45%,45vh);z-index:11}#links,#links a{align-items:center;display:flex;justify-content:center}#links a{height:0;text-decoration:none;width:0}#links img{left:min(-25px,5vw);position:absolute;top:min(-25px,5vw);width:min(50px,10vw)}#links p{color:var(--color-white);font-size:min(30px,5vw);font-weight:500}@keyframes hover{0%{margin-top:0}to{margin-top:1%}}@keyframes rotate-3{0%{transform:rotate(0)}to{transform:rotate(-3deg)}}@keyframes rotate3{0%{transform:scaleX(-1) rotate(0)}to{transform:scaleX(-1) rotate(-3deg)}}@keyframes rotate_360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scroll-animation{0%{left:0}to{left:-17.5rem}}@keyframes orbit{0%{transform:rotate(0deg) translateX(-40vh) translateY(0) rotate(0deg)}to{transform:rotate(1turn) translateX(-40vh) translateY(0) rotate(-1turn)}}@media (max-aspect-ratio:1/1){@keyframes orbit{0%{transform:rotate(0deg) translateX(-40vw) translateY(0) rotate(0deg)}to{transform:rotate(1turn) translateX(-40vw) translateY(0) rotate(-1turn)}}}@media (max-width:1050px){.wing2{height:min(calc(4vw + 49vh - 31px),calc(190px - 3vh + 29vw),390px);top:max(calc(45vh - 27vw - 170px),-20vh)}.flower{gap:min(calc(2vw + 240px),85vh);height:min(calc(19vh + 12vw),480px);top:min(calc(63vh - 5vw + 5px),calc(14vh + 380px))}.flower2{gap:min(calc(8vw + 82vh - 170px),50vw);height:min(calc(11vh + 4vw + 40px),316px);top:min(calc(56vh - 2vw - 25px),calc(185px + 30vh))}.flower3{height:min(calc(4vw + 77vh - 35px),610px,76vw);top:max(calc(46vh - 28vw - 200px),calc(15px - 22vh - 2vw))}#ribbon_container{height:calc(19vw + 55vh - 130px);top:max(calc(47vh - 20vw - 140px),-3vh)}#ribbon2{top:max(calc(27vh - 20vw + 195px),calc(50vh - 155px))}#ribbon3{top:max(calc(-7px - 25vh),calc(19vh - 17vw - 140px),calc(47vh - 39vw - 170px),calc(46.2vh - 16vw - 365px))}#ribbon_text{top:max(calc(15vh + 5vw - 75px),calc(48.5vh - 16vw - 105px))}}@media (max-width:650px){.wing2{height:min(calc(46vh + 4vw - 10px),calc(50vw - 10px));top:max(calc(48vh - 18vw - 155px),calc(33vh - 5vw - 140px))}.flower{gap:calc(1vh + 4vw);height:calc(19vh + 70px);top:calc(39vh + 23vw - 65px)}.flower2{gap:calc(170px + 19vw);height:120px;top:37vh}.flower3{height:min(calc(20px + 70vw),calc(7px + 73vh));top:max(calc(48vh - 19vw - 160px),calc(27vh - 160px))}#ribbon_container{height:calc(11vw + 55vh - 130px);top:calc(48vh - 2vw - 155px)}#ribbon2{top:calc(47vh - 20vw + 25px)}#ribbon3{top:max(calc(47.5vh - 26vw - 150px),-11vh)}#ribbon_text{top:min(calc(53vh + 2vw - 145px),calc(48vh + 7vw - 145px))}#yin_yang_and_shantih{width:calc(35% + 350px)}#tail{height:calc(100% - 3rem)}}@media (max-width:350px){#yin_yang_and_shantih{display:none}}@media (max-height:900px){#shantih{box-shadow:0 -.4rem var(--color-gold);font-size:7vh;height:7vh}@keyframes scroll-animation{0%{left:0}to{left:-33.1vh}}}@media (max-height:500px){#fixed_no_overflow{display:none}}@media (max-height:450px) or (max-width:450px){#background_wing,#ribbon_text{display:none}}.Works{flex-direction:column;font-size:min(2.5rem,calc(2.5vw + 2vh - 3px));font-weight:500;height:100%}.Works,.Works fieldset{display:flex;width:100%}.Works fieldset{flex-direction:row;font-size:calc(.5vw + .8rem);font-weight:400;gap:5%;justify-content:flex-start}.Works fieldset h2{background-color:var(--color-red);padding:0 5px}.Works hr{width:100%;z-index:-1}.Works h1{margin-bottom:5%}.Works h2,.Works h3{font-weight:600}.Works_section{display:flex;gap:2%;height:100%;justify-content:space-between;overflow:scroll;width:100%}.Works_section li{width:100%}.Works_in_section{display:flex;flex-direction:column;font-size:min(1.75rem,calc(.5vw + .5vh + 10px));gap:3%;height:88%;justify-content:space-around}.Works_in_section li{background-position:50%;background-size:cover;height:85%;padding:5%;transition:height .2s;width:auto}.Works_in_section li:hover{height:100%}.Works_in_section a{align-items:baseline;color:var(--color-white);display:flex;flex-direction:column;height:100%;justify-content:space-between;text-decoration:none}.Works_in_section p{text-align:end;width:100%}.Work_header{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (max-width:450px){.Works_section{flex-direction:column;justify-content:flex-start}.Works_section li{height:-webkit-fill-available;margin-bottom:3%}}.Gallery_Container{width:100%}.Gallery{font-size:min(1.5rem,calc(10px + .8vw));gap:2%}.Gallery,.gallery_list{display:flex;height:100%;width:100%}.gallery_list{align-content:flex-start;flex-wrap:wrap;gap:1.5vw;overflow:scroll}.gallery_list img{height:calc(25vw - 28px);width:auto}#sidebar{max-width:30%}details{align-items:flex-start;display:flex;flex-direction:column;font-weight:600;height:100%;justify-content:space-between;overflow:hidden}details,summary{background-color:var(--color-red)}summary{padding:.5rem;text-align:left;width:100%}#filter{display:flex;flex-direction:column;gap:6%;height:calc(-275px - 12vw + 96vh);overflow:scroll}.filterName{background-color:var(--color-red);padding:10px 2px;position:relative;z-index:1}#filter hr{margin-block:12px;position:relative;top:max(calc(-1.5rem - 10px),calc(-.8vw - 20px));z-index:0}.legends{display:flex;flex-wrap:wrap;font-weight:400;gap:calc(.5vw + 7px);margin-top:-.5rem;text-align:left}.tags{display:flex;flex-direction:column;gap:10px}#sort{text-align:left}#sort fieldset{display:flex;flex-direction:column;gap:.4vw}#sort h2{font-weight:600}#zoom_button{background-color:var(--color-red);padding:.5rem;text-align:left;width:100%}.detail,.detail_container{align-content:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.detail{align-items:flex-end;gap:2%}.detail a{align-items:center;display:flex;height:100%;max-height:78%}.detail img{max-height:100%;max-width:100%}.detailText{display:flex;flex-direction:column;flex-grow:0.5;justify-content:space-between;line-height:1.7rem;width:-webkit-min-content;width:min-content}#detail_tags{align-items:center;gap:2%;height:100%;justify-content:space-between}#detail_tags,.detail ul{display:flex;flex-direction:row;flex-wrap:nowrap}.detail ul{flex-grow:1;gap:4%;justify-content:flex-end;line-height:normal;text-align:end}@media (max-width:450px) and (max-aspect-ratio:1){.Gallery{flex-direction:column}#sidebar{height:auto;max-width:100%}#filter{gap:8%;height:25vh;width:100%}#filter hr{margin-block:4px}details:open{padding-bottom:5px;width:100%}#zoom_button,#zoom_line{display:none}.gallery_list{flex-direction:column;flex-wrap:nowrap}.gallery_list img{height:auto!important;width:100%}.detail{align-items:center;flex-direction:column;flex-wrap:nowrap}.detail a{max-height:84%}.detailText{flex-grow:0;width:100%}}@media (max-width:900px) and (max-aspect-ratio:3/2){.detail_container{align-items:flex-start;flex-direction:column;justify-content:center}}.OC{max-height:calc(110vh + 300px);overflow-y:scroll;width:100%}.OC,.OCList{height:100%}.OCList ul{align-items:center;display:flex;flex-direction:column;gap:3vh;height:auto;overflow:scroll;width:100%}.OCList li{background-position:50%;background-size:cover;height:30vh;width:100%}.OCList a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.OCList img{max-height:90%;max-width:50%;transition:max-width .5s}.OCList img:hover{max-height:95%;max-width:55%}.World{height:100%;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;width:100%}#World_Logo{margin-bottom:10px;max-width:20%;position:relative}.World p{line-height:1.25rem;z-index:101}.World ul{display:flex;justify-content:center;margin-bottom:calc(14vw + 120px);width:100%}.World li{width:10%}.World button{width:100%}.World li img{height:500px;pointer-events:none;position:absolute}#Kumo,#Surgeon{z-index:1}#Miranda{z-index:2}#CharacterDetailContainer{position:relative;z-index:101}#CharacterDetail{background-color:var(--color-white);color:#000;display:grid;grid-template-columns:100px auto;height:auto;line-height:1.5rem;padding:10px;position:absolute;text-align:left;top:10vh;transition:left 1s;width:40%;z-index:101}#CharacterDetail p{text-shadow:0 2px var(--color-white)}@media (max-width:1399px){#World_Description{margin:0 2em}#World_Logo{max-width:50%}.World ul{flex-wrap:wrap;margin-bottom:calc(14vw + 410px)}.World li{height:150px;min-width:100px;width:10%}.World button{margin-top:0!important}#CharacterDetail{height:440px;right:6vw;width:max(40%,275px);z-index:auto}#Character_Description{font-size:.9rem;line-height:1.1rem}}@media (max-width:699px){#CharacterDetail{right:10vw}}@media (max-width:599px){#CharacterDetail{right:0}}@media (min-height:1000px){.OC{margin-top:calc(20vh - 100px)}}
/*# sourceMappingURL=main.94e467fc.css.map*/