:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2e1767;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:top;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:5.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center}.card{padding:2em}.read-the-docs{color:#888}.test{height:100px;width:100px;position:absolute}:root{--backgroundheight: 90vh }.background{width:100vw;height:var(--backgroundheight);position:absolute;background-image:url(/assets/Background-BRkgbq5W.svg);background-size:cover;background-position:center;z-index:-1}:root{--titleheightBot: 20vh;--titleheightTop: 10vh;--palletGold: rgb(216, 186, 57) }.gallery{position:relative;z-index:100;width:100vw;height:100vh}.title{width:100vw;border:.3vw solid var(--palletGold);box-sizing:border-box;position:relative;align-items:center;display:flex;font-size:1vh;justify-content:center;background-image:url(/assets/TitlePattern-BOczxA5C.svg);background-position:center;background-repeat:no-repeat;background-size:cover}.banner{position:absolute;z-index:-1;width:100%;height:100%;object-fit:fill}.bottom{top:calc(100vh - var(--titleheightBot))}.top{top:0vh}.banBot{height:var(--titleheightBot)}.banTop{height:var(--titleheightTop)}.textTitle{height:80%}.exit{position:absolute;right:2%;height:2vh;background-color:#0000;border:none}.exit:hover{cursor:pointer}.artAbout{position:absolute;left:4%;font-size:25px;cursor:default;background-color:#0000;transform:translate(-50%)}.artAboutTextBottom{position:absolute;left:4%;top:-60px;font-size:18px;cursor:default;padding:3px;background-color:#4c185a;transform:translate(-50%)}.artAboutTextTop{position:absolute;left:4%;top:60px;font-size:18px;cursor:default;padding:3px;background-color:#4c185a;transform:translate(-50%)}@keyframes wipe-to-top{0%{top:calc(100vh - var(--titleheightBot))}to{top:0vh}}@keyframes wipe-to-bottom{0%{top:0vh}to{top:calc(100vh - var(--titleheightBot))}}@keyframes shrink-to-top{0%{height:var(--titleheightBot)}to{height:var(--titleheightTop)}}@keyframes shrink-to-bot{0%{height:var(--titleheightTop)}to{height:var(--titleheightBot)}}@media(prefers-reduced-motion:no-preference){.transup{animation:wipe-to-top 2s ease-in-out forwards}.transdown{animation:wipe-to-bottom 2s ease-in-out forwards}.banTransUp{animation:shrink-to-top 2s ease-in-out forwards}.banTransDown{animation:shrink-to-bot 2s ease-in-out forwards}}:root{--pageheight: 90vh;--pagecolour: rgb(255, 247, 237);--shadecolour: rgb(253, 243, 228)}@font-face{font-family:Image Titles;src:url(fonts/LinLibertine.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.page{position:absolute;width:100vw;height:var(--pageheight);background-color:var(--pagecolour);z-index:1}.contents{position:absolute;top:10%;right:0%;height:80%;width:5%;background-color:#fdf3e4;display:flex;flex-direction:column;align-items:center;justify-content:normal;overflow:hidden}.contentsHolder{opacity:1;transition:opacity 1s}.contentsHolder:not(:hover){opacity:0;transition:opacity 1s}.galIcons{height:5vh;width:5vh;margin:3%;flex:none;overflow:hidden}.focus{height:7vh;width:7vh}.contentImgs{height:100%;width:100%;object-fit:cover}.bufferIcons{height:5vh;width:5vh;margin:3%;flex:none}.galIcons:hover:not(.focus){transform:scale(1.1)}.markerDiv{height:2vh;width:5vh;margin:3%;flex:none;font-size:1.5vh}.markerImg{height:100%}.scrollUp{position:absolute;width:5%;height:10%;background-color:var(--shadecolour);top:0%;right:0%;z-index:10}.scrollDown{position:absolute;width:5%;height:10%;background-color:var(--shadecolour);top:90%;right:0%;z-index:10}.contentsHider{position:absolute;z-index:5;top:48%;right:0%}.imageTitles{position:absolute;z-index:10;top:0%;left:0%;height:100%;width:15%;color:#000;opacity:1;transition:opacity 1s}.imageTitles:not(:hover){opacity:0;transition:opacity 1s}.titleText{top:0%;font-family:Image Titles;font-size:8vh;text-align:left;padding-left:1vw;line-height:1.1}.galImg{height:99%;padding-left:5px;padding-right:5px;padding-top:0}.galSlides{position:relative;width:auto;height:100%;display:flex;align-items:center;justify-content:center}.ButtonsGal{background-color:#0000;color:#000;height:5vh;margin:1%}.fwddir:hover{transform:translate(.3vw);transition:transform .2s}.bwddir:hover{transform:translate(-.3vw);transition:transform .2s}.buttonAppear{opacity:1;transition:opacity .5s}.buttonAppear:hover{cursor:pointer}.buttonGone{opacity:0;cursor:default}.upContents,.downContents{width:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--spin-amount: 10deg;--spin-time: 3s;--grow-amount: .05;--grow-time: 3s;--float-amount: -10px;--float-time: 5s;--orbit-radius: 40px;--orbit-growth: 1.3;--orbit-time: 10s;--appearTime: .5s;--palletGoldTransparent: rgba(216, 186, 57, .8);--palletGold: rgba(216, 186, 57);--palletPlanetBlue: rgba(52, 219, 241, .697)}.icon{width:auto;height:auto;margin:none;padding:none;display:flex;z-index:10;isolation:isolate}.iconEnclosure{width:50px;height:50px;border-radius:50%;position:relative;padding:none;background-color:var(--palletGold);cursor:pointer}.iconimg{width:100%;border-radius:50%;filter:drop-shadow(0 0 10px var(--palletGoldTransparent))}.planetoid{position:absolute;top:50%;left:50%;width:150px;transform:translate(-50%,-50%);object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 5px var(--palletPlanetBlue))}.icon .orbitTrans{animation:rotate-out var(--appearTime) linear forwards}.orbitEnclosure{position:relative;animation:icon-orbit-occlusion infinite var(--orbit-time) linear}.icon .orbitEnclosure.paused{animation-play-state:paused;cursor:pointer}.orbitImg{width:100%;border-radius:50%;filter:drop-shadow(0 0 10px var(--palletGoldTransparent))}.icon .orbit{animation:icon-orbit-path infinite var(--orbit-time) linear forwards,icon-orbit-ellipse infinite var(--orbit-time) ease-in-out forwards,icon-orbit-perspective infinite var(--orbit-time) linear forwards;animation-composition:accumulate}.icon .orbit.paused{animation-play-state:paused}.icon .comet{width:30px;height:30px}.prevrevol,.prevgalaxy{transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.prevcomet,.prevbelt{display:flex;flex-direction:column;align-items:center}.prevnebula{transform:translate(0);display:flex;flex-direction:column;align-items:center}@keyframes rotate-out{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scaleX(0)}}@keyframes icon-spin{0%{transform:rotate(var(--spin-amount))}50%{transform:rotate(calc(-1*var(--spin-amount)))}to{transform:rotate(var(--spin-amount))}}@keyframes icon-grow{0%{transform:scale(calc(1 - var(--grow-amount)))}50%{transform:scale(calc(1 + var(--grow-amount)))}to{transform:scale(calc(1 - var(--grow-amount)))}}@keyframes icon-float{0%{transform:translate(0)}50%{transform:translateY(var(--float-amount))}to{transform:translate(0)}}@keyframes icon-orbit-path{0%{transform:rotate(0) translate(var(--orbit-radius)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-radius)) rotate(-360deg)}}@keyframes icon-orbit-perspective{0%{transform:scale(1)}20%{transform:scale(calc(var(--orbit-growth)))}25%{transform:scale(calc(var(--orbit-growth)))}30%{transform:scale(calc(var(--orbit-growth)))}50%{transform:scale(1)}75%{transform:scale(calc(1/(var(--orbit-growth))))}to{transform:scale(1)}}@keyframes icon-orbit-ellipse{0%{transform:translate(calc(2*var(--orbit-radius)))}50%{transform:translate(calc(-2*var(--orbit-radius)))}to{transform:translate(calc(2*var(--orbit-radius)))}}@keyframes icon-orbit-occlusion{0%{z-index:100}to{z-index:-100}}.icon .spin{animation:icon-spin infinite var(--spin-time) ease}.icon .grow{animation:icon-grow infinite var(--grow-time) ease}.icon .float{animation:icon-float infinite var(--float-time) ease}.icon:hover .spin,.icon:hover .grow,.icon:hover .float{animation-play-state:paused}:root{--borderwidth: 2px;--appearTime: .5s;--appearTimeGalaxy: .7s;--appearTimeComet: .7s;--appearTimeBelt: .4s;--sizeA: 170px;--sizeB: 110px;--sizeC: 150px;--sizeD: 150px;--palletGold: rgb(216, 186, 57);--palletGoldTransparent: rgba(216, 186, 57, .8);--palletGrey: rgb(168, 168, 168)}.prevrevolChild{width:110px;height:110px;position:absolute;border-radius:50%;top:-50%;overflow:hidden;animation:rotate-in var(--appearTime) ease-in-out backwards;animation-delay:var(--appearTime);filter:drop-shadow(0 0 10px var(--palletPlanetBlue))}.prevgalaxyChild{width:var(--sizeA);height:var(--sizeA);position:absolute;top:50%;z-index:-1;transform:translateY(-50%);overflow:hidden;animation:expand-out-A var(--appearTimeGalaxy) ease-out backwards;animation-delay:.3s;filter:drop-shadow(0 0 5px var(--palletGoldTransparent)) drop-shadow(0 0 15px rgb(238,238,238)) drop-shadow(0 0 10px rgba(108,20,249,.488)) drop-shadow(0 0 15px rgba(207,20,249,.345))}.prevcometChild{width:var(--sizeB);height:var(--sizeB);z-index:-1;position:absolute;bottom:50%;right:50%;overflow:hidden;animation:expand-out-B var(--appearTimeComet) ease-in-out backwards;animation-delay:.3;filter:drop-shadow(0 0 30px rgb(255,255,255)) drop-shadow(0 0 20px rgba(20,220,255,.653))}.prevbeltChild{width:var(--sizeA);height:var(--sizeA);position:absolute;top:50%;z-index:-1;transform:translateY(-50%);animation:expand-out-A var(--appearTimeBelt) ease-out backwards;animation-delay:.2s;filter:drop-shadow(0 0 5px var(--palletGrey))}.prevnebulaChild{width:var(--sizeC);height:var(--sizeD);position:absolute;border-radius:0 0% 20% 20%;bottom:30%;z-index:-1;transform:translate(0);overflow:hidden;animation:expand-out-CD 1.5s linear backwards;animation-delay:.2s;filter:drop-shadow(0 0 10px rgba(240,23,70,.719)) drop-shadow(0 0 15px rgba(250,169,38,.719)) drop-shadow(0 0 25px rgba(23,240,150,.719))}.click{cursor:pointer}.triplet{width:100%;height:100%;position:relative;margin:0;left:0}.tripSinglet{width:40%;min-width:65px;border-radius:0% 70% 0% 80%;box-shadow:-3px -3px 2px -2px #00000080}.quad{width:100%;height:100%;position:relative;margin:0;left:0}.quadSinglet{width:30%;min-width:65px;border-radius:20%;box-shadow:0 -3px 2px -2px #00000080}.grid4{width:100%;height:100%;position:relative;margin:0;left:0}.g4single{width:50%}.radial{width:100%;height:100%;position:relative;margin:0;left:0}.radialsingle{min-width:5px;position:absolute;top:50%;left:50%}.cloud{width:100%;height:100%;position:relative;margin:0;left:0}.cloudsingle{min-width:30px;position:absolute;transform:translate(-50%);box-shadow:0 3px 2px -2px #00000080}.goGallery{position:relative;margin:none;height:100%;width:100%}@keyframes float-up{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}@keyframes rotate-in{0%{transform:scaleX(0)}to{transform:scale(1)}}@keyframes expand-out-A{0%{width:0px;height:0px}to{width:var(--sizeA);height:var(--sizeA)}}@keyframes expand-out-B{0%{width:0px;height:0px}to{width:var(--sizeB);height:var(--sizeB)}}@keyframes expand-out-CD{0%{width:0px;height:0px}to{width:var(--sizeC);height:var(--sizeD)}}@keyframes radial-orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(250%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(250%) rotate(-360deg)}}.bouncingRoom{position:absolute;width:100%;height:80%;top:-2px;left:-2px}.bouncingObject{position:absolute;height:auto;width:auto;animation:fade-in-out infinite 10s linear}.bouncingObject:hover{animation-play-state:paused}.bouncingImg{position:relative;height:100%;width:100%}@keyframes fade-in-out{0%{opacity:0}48%{opacity:0}50%{opacity:1}98%{opacity:1}to{opacity:0}}