@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&family=Michroma&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree&display=swap);:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*,:after,:before{box-sizing:border-box}html{overflow-x:hidden}a{text-decoration:none}#root{font-size:20px}#root,body{height:100%}body{margin:0;overflow-x:hidden;padding:0;width:100%}.album-page{display:flex;padding-top:120px}@media only screen and (max-width:884px){.album-page{flex-direction:column}}.album-page .album-desc{color:#c8a00b;font-style:italic;padding-left:20%;width:50%}.album-page .album-desc .title{font-family:Chakra Petch;font-size:38px;font-weight:700;height:123px}.album-page .album-desc .quote{display:flex;width:250px}@media only screen and (max-width:884px){.album-page .album-desc .quote{width:100%}}.album-page .album-desc .quote .rect{background:#c8a00b;height:93px;width:4px}@media only screen and (max-width:884px){.album-page .album-desc .quote .rect{display:none}}.album-page .album-desc .quote .text{font-family:Bai Jamjuree;font-size:22px;font-weight:400;line-height:30px;margin-left:20px}@media only screen and (max-width:884px){.album-page .album-desc .quote .text{margin:0}.album-page .album-desc{display:flex;flex-direction:column;justify-content:center;padding:0;text-align:center;width:100%}}.album-page .TrackList{font-family:Michroma;font-size:24px;font-style:normal;font-weight:400;letter-spacing:.05em;line-height:52px;margin-top:90px;z-index:1}.album-page .TrackList a{color:#4503ff}@media only screen and (max-width:884px){.album-page .TrackList{align-items:center;display:flex;flex-direction:column;font-size:.8rem}}.Footer{height:500px;position:relative;z-index:1}.Footer .goldCloud{bottom:20px;cursor:url(/static/media/flag.4aaec9cf8f54b071a31e.cur),auto;left:calc(50% - 100px);position:absolute;width:200px}.info-page{height:100%;min-height:100vh}.info-page .flex{padding:200px 12% 0}@media only screen and (max-width:884px){.info-page .flex{align-items:center;flex-direction:column-reverse;padding:150px 5% 0}}.info-page .flex .content{color:#fff;font-family:Bai Jamjuree;font-size:18px;font-style:normal;font-weight:400;line-height:30px;width:70%}@media only screen and (max-width:884px){.info-page .flex .content{width:85%}}.info-page .flex .content>div:last-child{margin-top:50px}.info-page .flex .info-photo{height:450px;margin:0 0 0 50px;width:300px}@media only screen and (max-width:884px){.info-page .flex .info-photo{margin:0 0 60px}}.info-page .SocialLinks{display:flex;justify-content:space-between;padding:calc(100vh - 100px) 150px 0;position:relative;z-index:1}@media only screen and (max-width:884px){.info-page .SocialLinks{align-items:center;flex-wrap:wrap}.info-page .SocialLinks>div{height:50px;text-align:center;width:120px}}.info-page .SocialLinks div{font-family:Bai Jamjuree;font-size:26px;font-style:normal;font-weight:400}.info-page .SocialLinks div a{color:#b6aaff}.info-page .SocialLinks{padding:4rem 3rem 2rem}.white-blue{background:#433afe;background:linear-gradient(0deg,#433afe,#6c65fa 27%,#fff)}.blue-white{background:#fff;background:linear-gradient(0deg,#fff,#6c65fa 73%,#433afe)}img.avatar{height:75px;width:75px}.fade-appear,.fade-enter{opacity:0;transition:opacity 2s ease}.fade-appear-active,.fade-enter-active{opacity:1}.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:all .7s}.landing-page{height:100vh;position:relative}.landing-page .clouds{-webkit-animation:move 30s linear infinite;animation:move 30s linear infinite;height:100vh;position:absolute;width:1500px}@-webkit-keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.landing-page .gold-cloud{-webkit-animation:glow 1s infinite alternate;animation:glow 1s infinite alternate;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}@media only screen and (max-width:884px){.landing-page .gold-cloud{width:100%}}@-webkit-keyframes glow{0%{-webkit-filter:drop-shadow(0 0 0 gold);filter:drop-shadow(0 0 0 gold)}to{-webkit-filter:drop-shadow(0 0 7px gold);filter:drop-shadow(0 0 7px gold)}}@keyframes glow{0%{-webkit-filter:drop-shadow(0 0 0 gold);filter:drop-shadow(0 0 0 gold)}to{-webkit-filter:drop-shadow(0 0 7px gold);filter:drop-shadow(0 0 7px gold)}}.landing-page .arrow{-webkit-animation:slide 1s ease-in-out infinite;animation:slide 1s ease-in-out infinite}@-webkit-keyframes slide{0%,to{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide{0%,to{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}.landing-page .arrow{bottom:75px;left:calc(50% - 12px);position:absolute}.landing-page .SocialLinks{display:flex;justify-content:space-between;padding:calc(100vh - 100px) 150px 0;position:relative;z-index:1}@media only screen and (max-width:884px){.landing-page .SocialLinks{align-items:center;flex-wrap:wrap}.landing-page .SocialLinks>div{height:50px;text-align:center;width:120px}}.landing-page .SocialLinks div{font-family:Bai Jamjuree;font-size:26px;font-style:normal;font-weight:400}.landing-page .SocialLinks div a{color:#b6aaff}@media only screen and (max-width:884px){.landing-page .SocialLinks{display:none}}.media-page{height:100%;min-height:100vh;padding-bottom:3rem}.media-page .grid{grid-gap:20px;display:grid;grid-auto-rows:40px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:200px 10% 0}.media-page .grid .media-card{background:#fff;border-radius:1.5rem;margin-bottom:10px;overflow:hidden}.media-page .grid .media-card:hover{box-shadow:0 0 .4rem .4rem #c8a00b;transition:box-shadow .3s ease}.media-page .grid .media-card img{width:100%}.media-page .grid .media-card .title{color:#717170;padding:1rem}.menu-page .sky{height:100vh;opacity:.6;position:absolute;width:100%;z-index:-1}.menu-page .nav{display:flex;flex-direction:column;font-family:Michroma;padding-top:100px}.menu-page .nav>a{color:#4503ff}.menu-page .SocialLinks{font-family:Bai Jamjuree}.menu-page .SocialLinks>div>a{color:#717170}.menu-page .SocialLinks,.menu-page .nav{font-size:28px;text-align:center}.menu-page .SocialLinks a,.menu-page .SocialLinks>div,.menu-page .nav a,.menu-page .nav>div{height:75px}.mv-page{padding:0 150px}@media only screen and (max-width:884px){.mv-page{padding:0 1rem}}.mv-page .player-wrapper{padding-top:56.25%;position:relative}.mv-page .player-wrapper .react-player{left:0;position:absolute;top:0}.Notice{bottom:9rem;font-family:Michroma;font-size:15px;padding:0 1rem;position:absolute;text-align:center;width:100%;z-index:2}.Notice>a{color:#c8a00b}.photo-page{display:grid;grid-template-areas:"grid-left grid-j1 grid-j2 grid-right" "grid-left grid-br grid-br grid-right" "grid-left grid-j3 grid-j4 grid-right";grid-template-columns:.5fr 400px 400px .5fr;grid-template-rows:1fr 30px 1fr;margin-top:5rem}.photo-page .grid-br{grid-area:grid-br}.photo-page .grid-j1{grid-area:grid-j1}.photo-page .grid-j2{grid-area:grid-j2}.photo-page .grid-j3{grid-area:grid-j3}.photo-page .grid-j4{grid-area:grid-j4}.photo-page>img{height:600px;width:400px}@media only screen and (max-width:884px){.photo-page{grid-template-areas:"grid-left grid-j1 grid-right" "grid-left grid-j2 grid-right" "grid-left grid-j3 grid-right" "grid-left grid-j4 grid-right";grid-template-columns:.5fr 240px .5fr;grid-template-rows:360px 360px 360px 360px}.photo-page>img{height:360px;width:240px}}canvas{opacity:0;position:absolute;top:0}canvas.loaded{opacity:1;transition:all 1s}.flex,.logo{display:flex}.logo{align-items:center;font-family:Chakra Petch;font-size:32px;font-style:normal;font-weight:600;height:79px;left:64px;line-height:35px;position:absolute;top:40px;width:112px;z-index:1}@media only screen and (max-width:884px){.logo{left:2.5rem;top:1.6rem}}.logo.gold{color:#c8a00b}.logo.blue,.menu-text{color:#4503ff}.menu-text{align-items:center;display:flex;font-family:Michroma;font-size:28px;font-style:normal;font-weight:400;height:75px;line-height:40px;position:fixed;right:56px;text-align:right;top:38px;width:87px;z-index:2}@media only screen and (max-width:884px){.menu-text{display:none}}.menu-icon{display:none;position:fixed;right:2.5rem;top:50px;z-index:2}@media only screen and (max-width:884px){.menu-icon{display:block}}
/*# sourceMappingURL=main.849d2471.css.map*/