@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Give+You+Glory&family=Libre+Barcode+128+Text&family=Redacted+Script:wght@300;400;700&display=swap);
/*
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }body{background-color:#fdfdf4;background-image:url(/static/media/star_bg_outline.dffebf691c3c71749018.png);background-repeat:no-repeat;background-size:auto 100vh;color:#000;height:100%;margin:0;width:100%}@media screen and (min-width:1800px){body{background-size:contain}}*{font-family:Karla;font-size:17px}h1{font-size:50px}h1,h2{font-family:Press Start\ 2P}h2{font-size:36px;margin-bottom:40px}h3{font-family:Press Start\ 2P;font-size:18px}p{font-family:Karla;font-size:17px}@media screen and (max-width:768px){*{font-size:2.34vw}h1{font-size:6.5vw}h2{font-size:24px}h3{font-size:2.35vw}p{font-size:17px}}@media screen and (max-width:560px){p{font-size:16px}}@media screen and (max-width:430px){p{font-size:14px}h3{font-size:20px}}button{border:none;border-radius:10px}section{box-sizing:border-box;display:flex;place-items:center;width:100%}.section-container{display:flex;flex-direction:column;margin:105px 200px 50px;min-height:100vh;transition:margin .5s;width:100%}@media screen and (max-width:1024px){.section-container{margin-left:150px;margin-right:150px}}@media screen and (max-width:976px){.section-container{margin-left:100px;margin-right:100px}}@media screen and (max-width:595px){.section-container{margin-left:20px;margin-right:20px}.section-container>.projects-section>h3,.section-container>h2{margin-left:30px}}@media screen and (max-width:430px){.section-container{margin-left:3px;margin-right:3px}.section-container>.projects-section>h3,.section-container>h2{margin-left:30px}}.shadow{box-shadow:inset -3px -3px 10px #0003}.box-shadow,.shadow{border:1px solid #000}.active{background:#fdfdf4;border-bottom:1px dashed #000;position:fixed;top:0;transition:top .3s;z-index:99}.hidden{position:fixed;top:-10rem;transform:translateY(20px)}.navtext{display:inline-block;margin-left:.75rem;margin-right:.75rem;text-align:left}.navbar-wrapper{display:flex;justify-content:space-between;margin-bottom:.5rem;width:100vw}.navbar-items{display:flex;justify-content:center;padding:15px}.navbar-image,.navbar-items{margin:20px 15px}.logo{max-width:50px;width:50px}.home-section{color:#000;display:flex;flex-direction:column;justify-content:center;margin-left:213px;margin-right:5vh;margin-top:50px;max-width:600px;min-height:100vh;min-width:300px;transition:margin .5s}.home-section p{font-size:18px;margin-bottom:10px;margin-top:20px}@media screen and (min-width:1500px){.home-section{margin-left:20vw;margin-right:10vh}}@media screen and (min-width:1200px){.home-section{margin-right:10vh}}@media screen and (max-width:976px){.home-section{box-sizing:border-box;margin-left:100px;margin-right:50px;max-width:75rem;min-width:300px;padding:10px}}@media screen and (max-width:768px){.home-section{box-sizing:border-box;margin-left:55px;margin-right:20px;max-width:75rem;min-width:200px;padding:10px}.home-section p{font-size:17px}}@media screen and (max-width:430px){.home-section{box-sizing:border-box;margin-left:40px;margin-right:0;max-width:75rem;min-width:200px;padding:10px}.home-section p{font-size:16px}}.cv-button{background-color:#000;border:1px solid #000;border-radius:10px;color:#fff;min-width:150px;padding:18px 10px;text-align:center;width:20%}.cv-button:hover{background-color:#5d79db;color:#000}.home-img-container{display:flex;margin-right:80px}.character{max-width:400px;width:40.57vw}@media screen and (max-width:768px){.character{width:40.57vw}}@media screen and (max-width:425px){.character{width:30vw}}.h2{font-family:karla;margin-bottom:7px}.outer-about-box{align-items:end;display:inline-flex}.about-box{background-color:#fffacb;display:flex;justify-content:space-between;width:70vw}.about-blurb,.about-box{border-radius:10px;padding:40px}.about-blurb{align-content:center;margin-right:50px;width:30vw}.about-blurb h3{margin-bottom:20px}.about-images-container{display:flex;flex-direction:column;height:100%;margin-right:40px;margin-top:40px;width:25vw}.top-image-container{display:inline-flex;justify-content:space-between;margin-bottom:20px;width:25vw}.top-image{background-color:#fff;border-radius:10px;height:12vw;overflow:hidden;width:12vw}.spotify-container{align-items:center;display:flex;flex-direction:column}.spotify-container h3{font-size:10px}.spotify{height:200px;width:25vw}.about-star{height:130px;margin-bottom:40px;margin-left:-50px;transform:rotate(38deg);width:130px}@media screen and (max-width:1200px){.about-box{flex-direction:column}.about-blurb,.about-images-container{margin-right:0;width:60vw}.about-images-container{align-items:center;margin-top:0;padding:40px}.spotify,.top-image-container{width:50vw}.top-image{height:23vw;width:23vw}}@media screen and (max-width:720px){.about-star{height:110px;margin-left:-60px;width:110px}}@media screen and (max-width:560px){.about-box{margin-left:40px;padding:30px;width:80vw}.about-blurb{padding:20px;width:70vw}.about-images-container{width:70vw}.spotify,.top-image-container{width:60vw}.top-image{height:27vw;width:27vw}.about-star{display:none}}@media screen and (max-width:430px){.about-box{margin-left:20px;padding:20px;width:90vw}.about-blurb,.about-images-container{width:80vw}.top-image-container{width:65vw}.top-image{height:30vw;width:30vw}.spotify{height:100px;width:65vw}.about-star{display:none}}.project-container{align-items:center;display:inline-flex;margin-bottom:50px}.project-description{margin-left:30px;margin-top:30px;max-height:600px;max-width:600px;padding:30px;z-index:5}.project-description .title{align-items:center;display:inline-flex;margin-bottom:30px;max-width:30vw}.project-description .subtitle{font-weight:700;margin-bottom:30px}.project-description-container{background-color:#6981d5;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;max-width:600px;min-height:35vw;padding-right:8vw;width:40vw}.project-description h3{font-size:18px}.project-image-container{background-color:#fffacb;border-radius:10px;margin-left:-50px;max-width:600px;padding:25px;transition:transform .3s ease;width:35vw}.project-image-container:hover{transform:translateY(-5px)}.project-image-container .image{border-radius:10px;margin-top:15px}.project-image-container h3{color:#000;text-align:right}.project-description-container button{background-color:none;padding:0}.github{width:32px}.github:hover{transform:scale(1.05)}.badges{display:inline-flex;flex-wrap:wrap;margin-bottom:30px;margin-left:30px;padding:30px}.badge{background-color:#3e56df;border-radius:10px;color:#fff;margin-bottom:10px;margin-right:10px;min-width:50px;padding:10px;text-align:center;white-space:nowrap}.badge p{font-size:12px}@media screen and (min-width:1200px){.project-description .subtitle{margin-bottom:30px}}@media screen and (max-width:976px){.project-container,.project-description-container{display:flex;flex-direction:column}.project-description-container{min-height:35vw;padding-right:0;width:70vw}.project-description{margin-left:30px;margin-top:30px;max-height:400px;max-width:60vw;padding:30px}.project-image-container{margin-left:0;margin-top:-30px;max-width:65vw;padding:30px;width:65vw}}@media screen and (max-width:560px){.project-description-container{max-width:80vw}.project-image-container{margin-left:0;margin-top:-30px;max-width:65vw;padding:17px;width:65vw}.project-description{margin-left:23px;margin-top:23px;max-width:60vw;padding:20px}.project-description h3{font-size:16px}.badges{display:inline-flex;flex-wrap:wrap;margin-bottom:23px;margin-left:23px;padding:20px}.badge{border-radius:8px;margin-bottom:8px;margin-right:8px;min-width:40px;padding:10px}.badge p{font-size:11px}.github{width:24px}}@media screen and (max-width:430px){.project-image-container{margin-left:0;margin-top:-20px;max-width:65vw;padding:15px;width:65vw}.project-description{margin-left:20px;margin-top:20px;max-width:60vw;padding:15px}.project-description h3{font-size:12px}.badges{margin-bottom:20px;margin-left:20px;padding:15px}.badge{min-width:30px;padding:6px}.badge p{font-size:10px}.github{width:18px}}@media screen and (max-width:350px){.project-description h3{font-size:10px}}.projects-section{align-items:center;display:flex;flex-direction:column;width:100%}.projects-container{background-color:#262626;padding-top:80px}.projects-container h2{color:#fff}@media screen and (max-width:560px){.projects-container{padding-top:40px}}.contact-container{padding-top:80px}.contact-section{align-items:center;display:flex;flex-direction:column;margin-top:10px;width:100%}.paperclip-container{justify-content:right;z-index:20}.contact-box,.paperclip-container{display:flex;min-width:500px;width:40vw}.contact-box{background-color:#fffacb;border-radius:10px;flex-direction:column;padding:30px;transition:transform .3s ease}.contact-header{display:inline-flex;justify-content:space-between;margin-bottom:20px}.contact-header h3{font-size:10px}.contact-main-content{display:flex;margin-right:10px}.pic-container{background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;height:16vw;margin-right:30px;min-height:200px;min-width:200px;width:16vw}.contact-text{display:flex;flex-direction:column}.contact-row{align-items:center;display:inline-flex;justify-content:space-between;margin-right:40px;margin-top:10px}.contact-row .social-link{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;min-width:100px;padding:5px;text-align:center;width:10vw}.contact-row .social-link:hover{background-color:#6981d5;border:1px solid #000;color:#000}.social-link h3{font-size:10px}.scribble{font-family:Redacted Script;font-size:20px;margin-right:10px}.barcode{font-family:Libre Barcode\ 128 Text;font-size:25px}.signature{font-family:Give You Glory;margin-top:30px}.paperclip{margin-bottom:-22px;margin-right:50px;transform:rotate(20deg);width:35px}.contact-star1{height:90px;left:-21vw;margin-top:-100px;position:relative;transform:rotate(38deg);width:90px}.contact-star2{height:90px;margin-left:-280px;margin-top:50px;transform:rotate(10deg);width:90px}@media screen and (max-width:1200px){.contact-star1{left:-300px}}@media screen and (max-width:560px){.contact-box,.paperclip-container{min-width:300px;width:60vw}.contact-main-content{align-items:center;flex-direction:column;margin-right:0}.contact-row,.pic-container{margin-right:0}.contact-text{margin-top:10px}.contact-container{padding-top:40px}}
/*# sourceMappingURL=main.1eb85f13.css.map*/