body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}img{filter:brightness(1.1)}.polaroid p{font-family:Reenie Beanie,cursive;font-style:normal;font-weight:600}h2{color:#f6c;font-family:Audiowide,sans-serif;font-size:2rem;margin-bottom:.8rem;text-shadow:0 0 3px #f6c,0 0 7px #f0f,0 0 12px #f0f}.laser-container{display:inline-block;padding:8px 14px;position:relative;z-index:0}.laser-container:before{animation:auroraGlow 7s ease-in-out infinite;background:linear-gradient(120deg,#ff00ff2e,#00ffff47,#ff00ff2e);border-radius:12px;content:"";filter:blur(2px);inset:-8px;position:absolute;z-index:-3}.laser-container:after{animation:starTwinkle 6s ease-in-out infinite alternate,auroraDrift 10s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#00ffff40,#0000 55%),radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 70% 40%,#fffc,#0000),radial-gradient(1.2px 1.2px at 25% 75%,#ffffffe6,#0000),radial-gradient(2px 2px at 80% 60%,#ffffffe6,#0000),radial-gradient(1.3px 1.3px at 45% 20%,#ffffffb3,#0000);border-radius:14px;content:"";filter:blur(1px);inset:-14px;pointer-events:none;position:absolute;z-index:-4}@keyframes auroraGlow{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}@keyframes auroraDrift{0%{opacity:.35;transform:translateX(-5px)}50%{opacity:.55;transform:translateX(8px)}to{opacity:.35;transform:translateX(-5px)}}@keyframes starTwinkle{0%{opacity:.85}50%{opacity:.45}to{opacity:.85}}.sticky-container{max-width:270px;position:relative}.sticky-outer{display:flex;min-width:250px;padding-top:92.5925926%;position:relative;width:100%}.sticky{bottom:0;left:0;position:absolute;right:0;top:0}.sticky:before{background-color:#00000040;box-shadow:-2px 2px 15px 0 #00000080;content:"";height:75%;left:5px;position:absolute;top:30%;width:90%}.sticky-content{align-items:center;background:linear-gradient(180deg,#ffffff59,#fff0 30%),linear-gradient(180deg,#fff6a8,#ffe36a 40%,#ffd84a);box-shadow:0 6px 18px #00000059,inset 0 0 12px 0 0 .5px #00d9ff59 #fffc;clip-path:url(#stickyClip);color:#2a2a2a;color:#333;display:flex;font-family:Reenie Beanie,cursive;font-size:.6rem;font-style:normal;font-weight:600;height:100%;justify-content:center;padding:10px;width:100%}.container{@media (min-width:96rem){max-width:80rem}}.sticky-content{font-size:1.5rem}.container-inner{margin-left:15%;width:50%}@media screen and (max-width:640px){.sticky-content{font-size:1.3rem}.container-inner{width:95%}}.sticky-content:after{background:repeating-linear-gradient(0deg,#0000000d,#0000000d 1px,#0000 0,#0000 3px);mix-blend-mode:multiply;opacity:.35}.sticky-content:after,.sticky-content:before{content:"";inset:0;pointer-events:none;position:absolute}.sticky-content:before{background:linear-gradient(120deg,#0000 30%,#00d9ff2e,#0000 70%);opacity:.5}.magnet{background:#ff3b3b;border-radius:50%;box-shadow:0 3px 5px #0006;height:20px;width:20px}.sticker{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.4));transform:rotate(-3deg)}.polaroid:nth-child(odd){transform:rotate(-2deg)}.polaroid:nth-child(2n){transform:rotate(1.5deg)}body{background:radial-gradient(circle at 20% 20%,#ffffff1f,#0000 40%),radial-gradient(circle at 80% 10%,#ffffff14,#0000 40%),radial-gradient(circle at 60% 80%,#ffffff1a,#0000 45%),radial-gradient(circle at center,#0003,#000000d9),linear-gradient(135deg,#ff00c8,#6e00ff 45%,#00bcd4);background-blend-mode:screen,screen,screen,multiply,normal;background-size:600px 600px,700px 700px,800px 800px,100% 100%,100% 100%;color:#eee;font-family:Montserrat,sans-serif;min-height:100vh;position:relative}body:before{background-image:radial-gradient(2px 2px at 10% 20%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 30% 70%,#ffffffb3,#0000),radial-gradient(1.8px 1.8px at 70% 40%,#fffc,#0000),radial-gradient(1px 1px at 90% 80%,#ffffffb3,#0000),radial-gradient(1.2px 1.2px at 50% 10%,#fffc,#0000);content:"";inset:0;opacity:.6;pointer-events:none;position:fixed;z-index:-1}.scrapbook-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;background-image:repeating-linear-gradient(0deg,#ffffff0d,#ffffff0d 1px,#0000 2px);border:1px solid #fff3;border-radius:16px;box-shadow:0 0 20px #ff00c840,0 0 60px #00d9ff26;margin:0 auto;padding:40px}h1{color:#fff;font-family:Orbitron,cursive;font-weight:600;text-shadow:0 0 6px #ff00c8,0 0 18px #6e00ff,0 0 30px #00d9ff}.retro-header{color:#c000d6;font-family:Monoton,cursive;font-size:4rem;letter-spacing:.15em;text-align:center;text-shadow:-1px -1px 0 #120014,1px -1px 0 #120014,-1px 1px 0 #120014,1px 1px 0 #120014,0 2px 0 #1a001f,0 0 8px #f0f,0 0 18px #f0f,0 0 34px #00d9ffcc}@keyframes flicker{0%,to{opacity:1}97%{opacity:.9}98%{opacity:.6}99%{opacity:1}}.retro-header{animation:flicker 6s infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.retro-header-wrapper{position:relative}.retro-header-wrapper:before{background:radial-gradient(ellipse at center,#0000008c,#00000026 60%,#0000 75%);border-radius:50%;content:"";inset:-1rem -2rem;position:absolute;z-index:-1}.retro-header{color:#e000ff;margin-top:50px;text-shadow:0 0 0 #120014,0 0 10px #f0f,0 0 22px #00d9ffb3}.retro-bulletin{background:repeating-linear-gradient(90deg,#ffffff0a,#ffffff0a 1px,#0000 0,#0000 20px),repeating-linear-gradient(0deg,#ffffff0a,#ffffff0a 1px,#0000 0,#0000 20px),linear-gradient(160deg,#0b0e19,#12182b);border:1px solid #00ffff59;border-radius:12px;box-shadow:inset 0 0 25px #00ffff26,0 0 35px #00c8ff33;color:#d9faff;padding:50px}.retro-bulletin h2{text-shadow:0 0 6px #0ffc,0 0 12px #0ff6}.letter-flicker{animation:flicker3 2s ease-in-out infinite alternate}@keyframes flicker3{0%,95%,to{filter:brightness(1)}96%{filter:brightness(.5)}97%{filter:brightness(.2)}99%{filter:brightness(1.1)}}.retro-bulletin-wrapper{background:linear-gradient(145deg,#1e293b,#020617);border:2px solid #4dd2ff;border-radius:18px;padding:20px}.retro-bulletin-wrapper:not(.project-card){margin:40px auto}.pin-button{align-items:center;background:#0a66c2;border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 4px #0006,inset 0 1px 0 #ffffff40;display:flex;height:44px;justify-content:center;transform:rotate(-6deg);transition:transform .15s ease,box-shadow .15s ease;width:44px}.linkedin-pin svg{fill:#fff;height:20px;width:20px}.pin-button:before{background:#ccc;border-radius:50%;box-shadow:0 1px 2px #00000080;content:"";height:8px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:8px}.pin-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.pin-button:focus-visible,.pin-button:hover{box-shadow:0 4px 8px #00000080,inset 0 1px 0 #ffffff4d;transform:rotate(-4deg) translateY(-1px)}:root{--pink:#ecb2ba;--pink-dark:#c6939a;--tape-gray:#dbd8be;--tape-edge-gray:#b7b49d;--transparent:#fff0}body{background:#ebf4e9;display:flex;flex-direction:column;justify-content:center;padding:20px}.pink{--paper-color:var(--pink);--paper-dark:var(--pink-dark);--shadow-size:1px;--transparent:#ecb2ba00}.blue{--paper-color:#d5e0f9;--paper-dark:#c2d0ea;--shadow-size:3px;--transparent:#d5e0f900}.paper{align-items:center;background:linear-gradient(to bottom right,var(--paper-dark),20%,#fff0),var(--paper-color);background:linear-gradient(to bottom right,var(--paper-dark),20%,var(--transparent)),var(--paper-color);box-shadow:var(--shadow-size) var(--shadow-size) 2px var(--paper-dark);color:#000;display:flex;font-family:Permanent Marker,cursive;font-size:2rem;justify-content:center;margin:50px auto auto;max-width:250px;min-height:130px;position:relative}.paper p{margin:2%}.paper:after{background:linear-gradient(#fff0,50%,var(--paper-dark),51%,#fff0),linear-gradient(to right,#fff0,50%,var(--paper-dark),51%,#fff0);background:linear-gradient(var(--transparent),50%,var(--paper-dark),51%,var(--transparent)),linear-gradient(to right,var(--transparent),50%,var(--paper-dark),51%,var(--transparent));content:"";height:100%}.paper:after,.tape-section{position:absolute;width:100%}.top-tape{background-color:#dbd8be;background-color:var(--tape-gray);border-left:1px dotted #b7b49d;border-left:1px dotted var(--tape-edge-gray);border-right:1px dotted #b7b49d;border-right:1px dotted var(--tape-edge-gray);height:4vmin;opacity:.5;position:absolute;top:-5px;width:110%}.tape-section:first-of-type{top:0}.tape-section:last-of-type{bottom:0}.tape-section:after,.tape-section:before{background-color:#dbd8be;background-color:var(--tape-gray);border-left:1px dotted #b7b49d;border-left:1px dotted var(--tape-edge-gray);border-right:1px dotted #b7b49d;border-right:1px dotted var(--tape-edge-gray);content:"";height:4vmin;opacity:.5;position:absolute;width:10vmin}.tape-section:last-of-type:after{right:-4vmin;top:-3vmin;transform:rotate(-45deg)}.tape-section:first-of-type:before{left:-4vmin;transform:rotate(-45deg)}.tape-section:first-of-type:after{right:-4vmin;top:0;transform:rotate(45deg)}.tape-section:last-of-type:before{bottom:0;left:-4vmin;transform:rotate(45deg)}@media (min-width:1100px){.container-inner{bottom:-100px;position:absolute;right:-80px}.paper{max-width:400px;position:absolute;right:90px;top:5px}}@media (max-width:1100px){.board-polaroid,.container-inner{align-items:center;display:flex;justify-content:center}.container-inner{margin-left:0;min-width:200px;width:95%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes event_horizon{0%{transform:translate3d(0,-50%,0)}to{transform:translateZ(0)}}@keyframes blink{0%{opacity:1}50%{opacity:.9}to{opacity:1}}body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;background-color:#000;color:#fff}#homeScreen a{color:#feff38;outline:0;text-decoration:none}#homeScreen .btn,h2,h3,h4{font-size:16px;line-height:16px;text-transform:uppercase}@media (min-width:768px) and (min-height:580px){#homeScreen .btn,h2,h3,h4{font-size:24px;line-height:24px}#homeScreen h4{margin:0 0 32px}#homeScreen .inner{margin:0 32px}}#homeScreen{background-color:#000;height:100%;overflow:hidden;text-align:center}#homeScreen,#homeScreen #spaceVoid{left:0;position:absolute;top:0;width:100%}#homeScreen #spaceVoid{background-image:linear-gradient(#000 88%,#da0085);border-bottom:1px solid #da0085;height:66.666%}#homeScreen #laserGrid{bottom:0;left:0;opacity:.8;overflow:hidden;perspective:3000px;position:absolute;right:0;top:66.666%}@media (min-width:landscape){#homeScreen #laserGrid{perspective:4000px}}@media (min-width:768px){#homeScreen #laserGrid{perspective:4000px}}#homeScreen #laserGrid:after{background-color:#da00ce;content:"";height:1px;left:0;position:absolute;top:0;width:100%}#homeScreen #laserGrid #axis{background-repeat:repeat;background-size:contain;height:2400%;left:50%;overflow:hidden;position:absolute;top:0;transform:rotateX(86deg) translate3d(-50%,0,0);transform-origin:center top;width:200%}@media (min-width:landscape){#homeScreen #laserGrid #axis{width:100%}}@media (min-width:480px){#homeScreen #laserGrid #axis{width:150%}}@media (min-width:768px){#homeScreen #laserGrid #axis{width:100%}}#homeScreen #laserGrid #axis:before{background-image:linear-gradient(#da00ce,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}#homeScreen #laserGrid #axis #horizontalLines{animation:event_horizon 2.4s linear infinite;height:200%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%}#homeScreen #laserGrid #axis #horizontalLines .line{height:5%;position:relative;width:100%}#homeScreen #laserGrid #axis #horizontalLines .line:after{background-color:#da00ce;content:"";height:16px;left:0;position:absolute;top:50%;transform:translate3d(0,-50%,0);width:100%}#homeScreen #laserGrid #axis #verticalLines{height:1000%;left:0;position:absolute;top:0;width:100%}#homeScreen #laserGrid #axis #verticalLines .line{float:left;height:100%;position:relative;width:10%}#homeScreen #laserGrid #axis #verticalLines .line:after{background-color:#da0085;content:"";height:100%;left:0;position:absolute;top:0;transform:translate3d(-50%,0);width:2px}#homeScreen #logo-wrapper{height:50%;position:absolute;top:0;width:100%}#homeScreen #logo{bottom:32px;left:32px;overflow:hidden;position:absolute;right:32px;text-indent:-9999px;top:32px}#homeScreen #logo:after{background-image:url(http://www.joanwiththecode.com/artalley.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;max-width:400px;width:100%}#homeScreen #enterBtn,#homeScreen #logo:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#homeScreen #enterBtn{display:inline-block;margin:24px 0 0;margin-top:90px!important;padding:15px;text-align:center}#homeScreen h3{backface-visibility:hidden;bottom:16px;left:50%;position:absolute;transform:translate3d(-50%,0,0);white-space:nowrap}#homeScreen h3 span{display:inline-block}#homeScreen.horizon #laserGrid #axis #horizontalLines{animation:event_horizon 10s linear infinite}#homeScreen.horizon #enterBtn{animation:blink .8s step-start 0s infinite}@media (min-width:768px) and (min-height:580px){#homeScreen #enterBtn{margin:40px 0 0}#homeScreen h3{bottom:32px}}.center{align-items:center;display:flex;justify-content:center}.polaroid{background:#fff9e8;border-radius:8px;box-shadow:0 12px 28px #00000047,0 4px 10px #0000002e;display:inline-block;margin:20px;padding:14px 14px 15px;position:relative;transform:rotate(-1.8deg)}.polaroid img{border-radius:4px;display:block;filter:sepia(35%) contrast(108%) saturate(85%) brightness(96%);height:230px;width:300px}.polaroid p{color:#4a3f2c;font-size:30px;margin-top:20px;text-align:center}.retro:before{mix-blend:overlay;background:linear-gradient(#ffcc9e2e,#8c5faf2e)}.retro:after,.retro:before{border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute}.retro:after{background:repeating-linear-gradient(#00000024,#00000024 1px,#0000 2px);opacity:.18}.btn{background-color:#111;border:2px solid #feff38;color:#feff38;cursor:pointer;font-family:Audiowide,sans-serif;font-size:2rem;padding:.5rem 1.5rem;text-shadow:0 0 5px #feff38,0 0 10px #feff38;text-transform:uppercase;transition:all .3s ease}.btn:hover{border-color:#feff38;color:#feff38;text-shadow:0 0 10px #feff38,0 0 20px #feff38;transform:scale(1.05)}
/*# sourceMappingURL=main.8c752ffa.css.map*/