@import url(https://fonts.googleapis.com/css2?family=Audiowide&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);body{-webkit-font-smoothing:antialiased;-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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 dropBounce-1{0%{opacity:0;transform:translateY(-600px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(150%)}60%{opacity:1;transform:translateX(-10%)}to{transform:translateX(0)}}.bounce-header-1{animation:dropBounce-1 1s ease-out forwards;font-size:6rem;margin-bottom:-1rem;margin-top:1rem;text-align:center}.bounce-header-3{animation:dropBounce-1 3s ease-out forwards;font-size:3rem;text-align:center}header{align-items:center;display:flex;flex-direction:column;justify-content:center}.header-wrapper h1{font-size:clamp(3rem,9.5vw,7rem);text-shadow:1px 1px 2px #000}.header-wrapper h2{font-size:clamp(2.5rem,7.5vw,4.5rem);text-shadow:1px 1px 2px #000}.slide-in-right{opacity:0;transform:translateX(150px);transition:all .8s ease-out}.slide-in-right.visible{opacity:1;transform:translateX(0)}.header{color:#000;font-family:Audiowide,sans-serif;font-style:normal;font-weight:400;text-align:center}.headshot{align-items:center;animation:slideInRight 1s ease-out forwards;background:#ff00af99;border:19px solid #ff9dbe;border-radius:50%;display:flex;flex-direction:column;margin-top:-1rem;position:relative;z-index:5}.headshot .portrait{border-radius:50%;position:relative;width:17rem}@media only screen and (min-width:768px){.headshot .portrait{width:25rem}}html{--s:140px;--c1:#ff2bb1;--c2:#ff9dbe;--_g:#0000 25%,#0008 47%,var(--c1) 53% 147%,var(--c2) 153% 247%,var(--c1) 253% 347%,var(--c2) 353% 447%,var(--c1) 453% 547%,#0008 553%,#0000 575%;--_s:8.33333% 6.25% at 50%;animation:m 20s linear infinite;background:radial-gradient(8.33333% 6.25% at 50% 100%,#0000 25%,#0008 47%,#ff2bb1 53% 147%,#ff9dbe 153% 247%,#ff2bb1 253% 347%,#ff9dbe 353% 447%,#ff2bb1 453% 547%,#0008 553%,#0000 575%),radial-gradient(8.33333% 6.25% at 50% 100%,#0000 25%,#0008 47%,#ff2bb1 53% 147%,#ff9dbe 153% 247%,#ff2bb1 253% 347%,#ff9dbe 353% 447%,#ff2bb1 453% 547%,#0008 553%,#0000 575%) 70px 105px,radial-gradient(8.33333% 6.25% at 50% 0,#0000 25%,#0008 47%,#ff2bb1 53% 147%,#ff9dbe 153% 247%,#ff2bb1 253% 347%,#ff9dbe 353% 447%,#ff2bb1 453% 547%,#0008 553%,#0000 575%) 70px 0,radial-gradient(8.33333% 6.25% at 50% 0,#0000 25%,#0008 47%,#ff2bb1 53% 147%,#ff9dbe 153% 247%,#ff2bb1 253% 347%,#ff9dbe 353% 447%,#ff2bb1 453% 547%,#0008 553%,#0000 575%) 0 105px,repeating-linear-gradient(90deg,#accec0 -4.1666666667% 4.1666666667%,#61a6ab 0 12.5%);background:radial-gradient(var(--_s) 100%,var(--_g)),radial-gradient(var(--_s) 100%,var(--_g)) calc(var(--s)/2) calc(var(--s)*3/4),radial-gradient(var(--_s) 0,var(--_g)) calc(var(--s)/2) 0,radial-gradient(var(--_s) 0,var(--_g)) 0 calc(var(--s)*3/4),repeating-linear-gradient(90deg,#accec0 -4.1666666667% 4.1666666667%,#61a6ab 0 12.5%);background-size:140px 210px;background-size:var(--s) calc(var(--s)*3/2)}@keyframes m{to{background-position:140px 0,-70px 105px,210px 0,-140px 105px,0 0;background-position:var(--s) 0,calc(var(--s)/-2) calc(var(--s)*3/4),calc(var(--s)*3/2) 0,calc(var(--s)*-1) calc(var(--s)*3/4),0 0}}.audiowide-regular{font-family:Audiowide,sans-serif;font-style:normal;font-weight:400}.swirl{border-radius:1rem;box-shadow:0 5px 15px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;font-size:20px;font-weight:lighter;letter-spacing:2px;overflow:hidden;padding:20px;position:relative;transition:box-shadow 1s;z-index:2}.swirl:hover{box-shadow:0 5px 35px 0 #0000001a}.swirl:hover:after,.swirl:hover:before{border-radius:1rem;content:"";display:block;height:100%;position:absolute;width:100%;z-index:-10}.swirl:hover:before{animation:clockwise 1s infinite;background:#db97ff}.swirl:hover:after{animation:counterclockwise 2s infinite;background:#000}@keyframes clockwise{0%{left:0;top:-7px}12%{left:5px;top:-5px}25%{left:8px;top:0}37%{left:5px;top:4px}50%{left:0;top:7px}62%{left:-5px;top:4px}75%{left:-8px;top:0}87%{left:-5px;top:-5px}to{left:0;top:-7px}}@keyframes counterclockwise{0%{right:0;top:-5px}12%{right:2px;top:-2px}25%{right:5px;top:0}37%{right:2px;top:2px}50%{right:0;top:5px}62%{right:-2px;top:2px}75%{right:-5px;top:0}87%{right:-2px;top:-2px}to{right:0;top:-5px}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{background:#d7eeffcc}.portfolio{overflow-x:hidden;width:100%}.container{box-sizing:border-box;max-width:100%;width:100%}.pulsating{animation:pulse 2.5s ease-in-out infinite;display:inline-block;position:relative}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.pulsating:after{animation:halo-pulse 2.5s ease-in-out infinite;background:radial-gradient(circle,#0cf9 0,#0000 70%);border-radius:50%;content:"";inset:-40px;pointer-events:none;position:absolute;z-index:-1}@keyframes halo-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.desktop{display:none}@media only screen and (min-width:768px){.desktop{display:flex}}.mobile{display:flex}@media only screen and (min-width:768px){.mobile{display:none}}.about{flex-direction:row;font-family:Rubik,sans-serif;font-style:normal;font-weight:400;margin-top:2rem}.about,.about-me-wrapper{align-items:center;display:flex;justify-content:center}.about-me-wrapper{flex-direction:column}@media only screen and (min-width:768px){.about-me-wrapper{flex-direction:row;justify-content:center}}.experience-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:768px){.experience-wrapper{flex-direction:row;margin-top:2rem}}.bio{color:#000;padding:1rem}.bio p{font-size:1.3rem;margin-top:-1rem}.bio .about-me{align-items:start;background:#000;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:1rem 2rem}@media only screen and (min-width:768px){.bio .about-me{align-items:start;justify-content:center;width:50%}}.bio .about-me h3{color:#fff;font-family:Audiowide,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-top:1rem}.bio .about-me p{color:#fff}@media only screen and (min-width:768px){.bio .neural-image{margin-left:3rem}}.bio .neural-image img{opacity:.5;width:22rem}.bio .experience{align-items:start;background:#000;border-radius:1rem;flex-direction:column;justify-content:center;padding:1rem 2rem}@media only screen and (min-width:768px){.bio .experience{align-items:flex-end;justify-content:center;width:50%}}.bio .experience h3{color:#fff;font-family:Audiowide,sans-serif;font-size:clamp(2rem,4vw,2.5rem)}@media only screen and (min-width:768px){.bio .experience h3{align-items:flex-end;justify-content:center;text-align:end}}.bio .experience p{color:#fff}@media only screen and (min-width:768px){.bio .experience p{text-align:end}}.bio .icons{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem}@media only screen and (min-width:768px){.bio .icons{margin:0 4rem}}.bio .icons svg{background:linear-gradient(127deg,#807e7e38,#ffffff40);border-radius:1rem;box-shadow:12px 12px 16px 0 #00000040,-8px -8px 12px 0 #ffffff4d;height:7rem;padding:1rem;width:7rem}.bio .icons svg,.slider>a{align-items:center;margin:.5rem}.slider>a{background:#fff;border-radius:50%;display:inline-flex;font-family:Audiowide,sans-serif;height:2.5rem;justify-content:center;position:relative;text-decoration:none;width:2.5rem}.slider>a:active{top:1px}.slider>a:focus{background:#000}.projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.projects h3{font-family:Audiowide,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin:1rem 1rem 0}*{box-sizing:border-box}.slider{margin:2rem;overflow:hidden;text-align:center;width:100%}@media only screen and (min-width:768px){.slider{width:800px}}.slides{-webkit-overflow-scrolling:touch;border-radius:1rem;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.slides::-webkit-scrollbar{height:10px;width:10px}.slides::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.slides::-webkit-scrollbar-track{background:#0000}.slides>div{align-items:center;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-right:0;position:relative;scroll-snap-align:start;width:100%}.slides>div img{border-radius:1rem;margin-bottom:2rem;margin-top:1rem;object-fit:cover;width:40%}@media only screen and (min-width:420px){.slides>div img{width:50%}}@media only screen and (min-width:768px){.slides>div img{width:99%}}.slide{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.slide .site-description{background-color:#000;border-radius:1rem;color:#fff;font-family:Audiowide,sans-serif;margin-top:-1rem;max-width:40%;padding:2rem}@media only screen and (min-width:420px){.slide .site-description{max-width:50%}}@media only screen and (min-width:768px){.slide .site-description{max-width:90%}}.slide .site-description h5{font-size:20px;margin:0}.slide .site-description p{margin-bottom:0}#slide-4 img{border:3px solid #000;box-shadow:1px 1px 2px #000}.contact{align-items:center;background:#000;border-radius:1rem;box-shadow:0 5px 15px #0000000d;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:1rem}.contact h3{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin:1rem 1rem 0}.contact h3,.contact p{font-family:Audiowide,sans-serif}.contact p{font-size:20px;font-weight:600}.links{background:#000;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:768px){.links{display:flex;flex-direction:row}}.links a{align-items:center;background-color:#e3caf0;border-radius:1rem;color:#000;display:flex;font-family:Audiowide,sans-serif;font-size:19px;font-weight:700;justify-content:center;margin:1rem;padding:1rem;text-decoration:none;transition:.2s}.links a svg{height:2.5rem;width:2.5rem}.links a .download svg{padding-left:1rem;width:3rem}.links a:hover{box-shadow:8px 8px #adf9dc;transition:.2s}.cta-row-2{display:flex;flex-direction:row;justify-content:center}
/*# sourceMappingURL=main.0b96c7d8.css.map*/