@keyframes changeColor{0%{background-position:0 0}50%{background-position:200% 0}to{background-position:0 0}}body,html{background-color:var(--bg);margin:0;padding:0}.top-nav{width:100%;z-index:2;height:70px;position:fixed;display:flex}.glow{height:10px;width:100%}.logo{align-items:flex-start}.logo img{margin:20px;max-height:30px}.header-image{border-radius:0 0 0 120px;transform:scale(.8);background-size:cover;height:20rem;min-height:900px;min-width:100%;background-attachment:fixed;background-position:50%;background-repeat:no-repeat}.header-image img{width:100%;height:100%;object-fit:cover;object-position:left 58% top 45%;border-radius:0 120px 0 120px}.bottom{margin-top:4rem;padding-bottom:10%;overflow:hidden}@media screen and (min-width:640px){.container{max-width:60%}.bottom{padding:0}}@media screen and (max-width:640px){.big-name,.titles{position:relative}.header-image{min-height:500px;background-position:left 58% top 45%;transform:scale(1.2)}.check-mark-wrapper{display:none}.container{max-width:80%}.bottom{padding:0}.header-image{transform:scale(1);margin:5rem 0}}.container{padding:4rem 5rem;width:100%;max-width:none;box-sizing:border-box;animation:fadeInUp .7s ease-out forwards}.hero-wrapper{position:fixed;top:10%;min-height:500px;min-width:100%;z-index:-1}.bottom,.hero-wrapper{color:#fff;font-size:3em;font-weight:700}.link-p{display:block;line-height:1;margin:1.6rem 0}.link,.links a{text-decoration:none;color:#f0f0ea;position:relative;display:inline-block;transition:color .2s ease}.link:after,.links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:#f0f0ea;transition:width .35s cubic-bezier(.25,.46,.45,.94)}.link:hover,.links a:hover{color:#fff;text-shadow:none;text-decoration:none}.link:hover:after,.links a:hover:after{width:100%}.back-button{display:flex;text-shadow:none}.back-button:hover{color:#aeaeae}.App{text-align:left;color:var(--text)}@media only screen and (max-width:640px){.spacer{height:5em}.mini-spacer{height:.5em}.disappearing-spacer{height:0}}@media only screen and (min-width:640px){.disappearing-spacer,.spacer{height:11em}.explainer{width:45%}.mini-spacer{height:2em}}.explainer{font-size:1.3em;margin:auto}.background{background-size:cover;background-repeat:no-repeat;z-index:-1;min-height:105vh}.block{margin:1em 0}.block a,.block a:hover{color:#fff}.home{background-color:initial;background-size:cover;background-repeat:no-repeat;min-height:100vh}.psychedelic-background{min-height:100vh;height:100vh;max-height:100%}.cta,.cta-2{display:inline-block;background-color:#f68528;padding:10px;border-radius:5px;width:250px;margin:10px}.cta a,.cta-2 a{text-decoration:none;color:#fff}#navbar{color:#000;position:fixed;width:100%;z-index:1}.login,.register{padding-left:30%;padding-right:30%}.login Input,.register Input{margin:1em}.tiny-spacer{padding:5px}.big-name{font-size:5rem;font-weight:900;margin-top:2rem;letter-spacing:-.03em;color:#f0f0ea}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.titles h3{font-weight:300;letter-spacing:.02em;color:#f0f0eab3}.footer,.work{background-color:var(--bg)}.work{color:var(--text);background-size:cover;background-repeat:no-repeat;height:100%}.work h2,.work h4{font-weight:700}.work h6{font-size:.75em}.readability h3{font-weight:800}.readability{margin-bottom:3em}.wrapper{background-color:#0000004d}.email{color:#fff;margin:25px}.insta,.insta-logo{margin-bottom:10px}.tiny{font-size:10px}.small{font-size:13px}.gray-boi{background-color:#646464;margin:2em;padding:1em;border-radius:20px}.subheading{font-size:1.2rem;font-weight:600}.subheader{margin-left:10%;color:var(--text)}.bold{font-weight:600;font-size:1.8em}.header{font-size:4.5em;font-weight:800;margin-top:1em;color:var(--text)}@media only screen and (min-width:640px){.headline{font-size:2.7em;font-weight:800;margin-bottom:3em}.header{margin-top:1em}}@media only screen and (max-width:640px){.headline{font-size:1.8em;font-weight:800;margin-bottom:3em}.header{font-size:3.5rem}}@media only screen and (min-width:1000px){.large-view{visibility:visible;margin:1em}.small-view{display:none}.email{width:25%;font-size:.8em}}@media only screen and (max-width:1000px){.large-view{display:none}.small-view{visibility:visible;margin:1em}.email{width:65%;font-size:.8em}}.lost h2{color:#000}.lost a{color:#fff;text-decoration:underline}.lost a:hover{color:#fff;text-decoration:none}.other{list-style:none;padding:0;margin:0}.other li{margin:.5rem 0}.other li a{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:opacity .2s ease,-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease,opacity .2s ease;transition:text-decoration-color .2s ease,opacity .2s ease,-webkit-text-decoration-color .2s ease}.other li a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);opacity:.85}.surprise{margin-top:2em}.surprise:hover{cursor:pointer}.iframe{width:81vw;height:110vh;display:block;margin:0 auto}.white{color:#fff;font-weight:600;text-decoration:underline}.white:hover{color:silver}.item{margin:0 5em}.header#work{margin:1em 0}.icons{margin-top:1rem}.icons img{display:inline-block;height:1.6rem;margin:0 .55rem;filter:var(--icon-filter);opacity:.55;transition:opacity .2s ease}.icons img:hover{opacity:1}@media (max-width:480px){.icons img{height:1.25rem;margin:0 .7rem}.icons img:first-child{margin-left:0}}.blog-text{background:var(--bg-glass);border:1px solid var(--border);border-radius:18px;padding:clamp(1.5rem,4vw,3rem);margin:0 auto 2rem;max-width:72ch;color:var(--text);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 40px #00000014}.blog-text li,.blog-text p{font-size:1.05rem;line-height:1.75;color:var(--text)}.blog-text p,.blog-text>ul{margin:0 0 1.4rem}.blog-text p:last-child,.blog-text>ul:last-child{margin-bottom:0}.blog-text h2,.blog-text h3{font-weight:700;letter-spacing:-.01em;margin:2.25rem 0 .85rem;color:var(--text)}.blog-text h2{font-size:1.7rem}.blog-text h3{font-size:1.4rem}.blog-text h2:first-child,.blog-text h3:first-child{margin-top:0}.blog-text a,.blog-text b,.blog-text em,.blog-text i,.blog-text strong{color:var(--text)}.blog-text a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.flip-1,.flip-2,.flip-3{transform:rotateX(-90deg);animation:flip-in .5s ease-in forwards;animation-delay:.5s}.flip-2{animation-delay:1s}.flip-3{animation-delay:1.5s}@keyframes flip-in{0%{transform:rotateX(-90deg);transform-style:preserve-3d}to{transform:rotateX(0deg);transform-style:preserve-3d}}.blog-list{list-style:disc;padding:0}.blog-list a{color:#fff;text-decoration:underline;font-size:1.5rem}.blog-list li{margin:21px 0}.blog-list a:hover{color:#ddd}.code{white-space:pre-wrap;padding:2rem;background-color:#f5f5f5;font-family:monospace;color:#000;word-wrap:normal}.top{display:flex;width:100%;gap:2rem}.top-left{flex:1;display:flex;flex-direction:column;order:1}.top-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;order:2!important}.top-right canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:640px){.top{flex-direction:column}.top-right{order:-1;min-height:300px}.big-name{font-size:3rem}}