@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:League Spartan,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:75vmin;pointer-events:none;z-index:2}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;overflow:hidden;position:relative}.Eye-container{height:75vmin;position:absolute;z-index:3}.Eye{height:75vmin;position:relative}@keyframes spotlight{0%{r:4.1%;fill-opacity:85%}to{r:400%;fill-opacity:100%}}@keyframes glow{0%{fill-opacity:0}10%{fill-opacity:.08}15%{fill-opacity:.08}25%{fill-opacity:0}40%{fill-opacity:0}45%{fill-opacity:.1}55%{fill-opacity:.1}65%{fill-opacity:0}85%{fill-opacity:0}to{fill-opacity:.15}}@keyframes items{0%{background-color:#ffffffb3}to{background-color:#0003}}@keyframes appear{0%{fill-opacity:1}to{fill-opacity:0}}.bigTitle{font-size:15vw;font-weight:700;line-height:33vh;text-decoration:underline;-webkit-text-decoration-color:red;text-decoration-color:red;text-decoration-thickness:2vh}.bigTitle,.medTitle{font-family:League Spartan,sans-serif}.medTitle{font-size:6.5vw;font-weight:300}.Spotlight{position:absolute;z-index:0}.circle{r:5%;animation-duration:1.5s;animation-fill-mode:forwards;animation-name:spotlight;will-change:transform}.glow{r:5%;fill:#ff0;fill-opacity:0;animation:glow 1.1s 1 forwards running;animation-delay:.2s}.hider{r:5%;animation:appear .5s 1.8s 1 forwards running}.App-link{color:#61dafb}.About-button{left:53%;top:9%}.About-button,.Things-button{animation:items 1s 1 forwards running;background-color:#00000026;border:none;border-radius:1vmin;padding-left:3vw;padding-right:3vw;position:absolute;z-index:3}.Things-button{left:15%;top:60%}.Projects-button{animation:items 1s 1 forwards running;background-color:#00000026;border:none;border-radius:1vmin;left:70%;padding-left:3vw;padding-right:3vw;position:absolute;top:80%;z-index:3}.Button-text{animation:button-colour .4s 1 forwards;font-family:League Spartan,sans-serif}.Hint-text{animation:fadeInAnimation 2s ease;animation-fill-mode:forwards;animation-iteration-count:1;color:#d3d3d3;position:absolute;top:90%}@keyframes button-colour{0%{color:#000}to{color:#fff}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.images{aspect-ratio:1/1;object-fit:cover;width:100%}.thingPage{min-height:100vh;padding-left:3vw;padding-top:1vh}.thingHeader{display:flex;height:auto}.thingFooter{text-align:center}.revert{outline-width:0}.DefaultImages,.ThingImages{max-height:50vh;max-width:50vw;min-height:20vh;min-width:20vw}.aboutScene{background:#000;position:relative}.aboutScene-sticky{background:red;height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed}.aboutScene-canvas{inset:0;position:absolute}.aboutScene-canvas canvas{display:block}.aboutScene-end{align-items:center;display:flex;flex-direction:column;gap:2.4vh;inset:0;justify-content:flex-end;opacity:0;pointer-events:none;position:absolute;transform:translateY(4vh);transition:opacity .7s ease,transform .7s ease;z-index:3}.aboutScene-end.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.aboutScene-projects{max-width:90vw}.aboutScene-footer{box-sizing:border-box;display:flex;justify-content:center;padding:1.6vmin calc(4vw + env(safe-area-inset-right)) calc(1.6vmin + env(safe-area-inset-bottom)) calc(4vw + env(safe-area-inset-left));width:100%}.aboutScene-links{max-width:90vw}.aboutScene-project{opacity:0;transform:translateY(3vh);transition:opacity .5s ease,transform .5s ease;width:min(38vw,320px)}.aboutScene-project.ant-card,.aboutScene-project.ant-card.ant-card-hoverable:hover{border-color:#0000;box-shadow:0 0 0 1px #0000001f,0 6px 18px #0003}.aboutScene-end.is-active .aboutScene-project{opacity:1;transform:translateY(0)}.aboutScene-projectImage{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.aboutScene-link{opacity:0;transform:translateY(3vh);transition:opacity .5s ease,transform .5s ease}.aboutScene-end.is-active .aboutScene-link{opacity:1;transform:translateY(0)}.aboutScene-end .ant-card-head-title,.aboutScene-end .ant-card-meta-description,.aboutScene-end .ant-typography{font-family:League Spartan,sans-serif}.aboutScene-recenter.ant-btn{background:#0000;border:1px solid #fff9;box-shadow:none;color:#ffffffd9;left:calc(14px + env(safe-area-inset-left));position:absolute;top:calc(14px + env(safe-area-inset-top));z-index:3}.aboutScene-recenter.ant-btn:focus,.aboutScene-recenter.ant-btn:hover{background:#0000;border-color:#ffffffe6;color:#fff}.aboutScene-progress{background:#ffffff38;border-radius:1px;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;position:absolute;right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));width:2px;z-index:2}.aboutScene-motion{bottom:calc(4vh + env(safe-area-inset-bottom));left:50%;position:absolute;transform:translateX(-50%);z-index:3}.aboutScene-progressThumb{background:#fff;border-radius:1px;height:44px;width:100%;will-change:transform}.aboutScene-loader{align-items:flex-end;background:red;display:flex;flex-direction:column;inset:0;justify-content:flex-start;padding:calc(1vh + env(safe-area-inset-top)) calc(3vw + env(safe-area-inset-right)) 0 0;position:absolute;transition:opacity .6s ease;z-index:4}.aboutScene-loader.is-hidden{opacity:0;pointer-events:none}.aboutScene-loaderLogo{animation:aboutScene-pulse 1.6s ease-in-out infinite;height:75vmin;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes aboutScene-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}.aboutScene-loaderTitle{color:#fff;text-align:right;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.aboutScene-loaderText{color:#fff;font-family:League Spartan,sans-serif;font-size:2vmin;font-weight:600;margin:-5vh 0 0;text-align:right}@media (pointer:coarse){.aboutScene-link{min-height:44px}}@media (max-width:768px){.aboutScene-project{width:min(86vw,380px)}.aboutScene-loaderText{font-size:3.6vmin}}
/*# sourceMappingURL=main.38a2fb6f.css.map*/