@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}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{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}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-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:rgba(59,130,246,.5);--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: }::-webkit-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-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:rgba(59,130,246,.5);--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: }::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-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:rgba(59,130,246,.5);--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: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.left-10{left:2.5rem}.top-\[70\%\]{top:70%}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-40{margin-bottom:10rem}.mt-40,.my-40{margin-top:10rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.w-full{width:100%}.grow{flex-grow:1}.origin-left{-webkit-transform-origin:left;transform-origin:left}.-rotate-90{--tw-rotate:-90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-10{gap:2.5rem}.gap-5{gap:1.25rem}.gap-40{gap:10rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-transparent{background-color:initial}.bg-black\/30{background-color:rgba(0,0,0,.3)}.p-5{padding:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.px-28{padding-left:7rem;padding-right:7rem}.text-center{text-align:center}.text-9xl{font-size:8rem;line-height:1}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/20{color:hsla(0,0%,100%,.2)}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/30{color:hsla(0,0%,100%,.3)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.duration-300{transition-duration:.3s}@font-face{font-family:Cosi Azure;src:url(/static/media/CosiAzure-Bold.075a131a6977ad2fce57.ttf)}:root{--color-dark:#050505;--color-light:#f7f7f7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#808488;border-radius:50px;height:10%}::-webkit-scrollbar-thumb:hover{background-color:#f7f7f7;background-color:var(--color-light)}::-webkit-scrollbar-track{background-color:#050505;background-color:var(--color-dark)}::selection{background-color:#22d3ee;color:#050505;color:var(--color-dark)}*,:after,:before{cursor:none}body,html{overflow-x:hidden}html{font-size:62.5%}body{background-color:#050505;background-color:var(--color-dark);color:#f7f7f7;color:var(--color-light);font-family:Michroma,sans-serif;font-size:1.5rem;letter-spacing:2px;line-height:1.6;word-spacing:3px}.inner-cursor{background-color:#f7f7f7;background-color:var(--color-light);border-radius:50%;height:10px;left:10px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .5s,height o.5s;width:10px;z-index:9999}.inner-cursor.grow{height:25px;transition:width .5s,height o.5s;width:25px}.outer-cursor{border:1px solid #f7f7f7;border:1px solid var(--color-light);border-radius:50%;height:25px;left:10px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.07s;width:25px;z-index:9999}input[type=submit]{letter-spacing:inherit;word-spacing:inherit}.app{position:relative}.noise{background-image:url(/static/media/noise.2290dc385105e3fd9a35.gif);bottom:0;height:100vh;left:0;opacity:.07;position:fixed;right:0;top:0;width:100vw;z-index:-999}.link-item{position:relative}.link-item:after{background-color:#f7f7f7;background-color:var(--color-light);bottom:-2px;content:"";height:1px;left:0;position:absolute;-webkit-transform:translateX(0);transform:translateX(0);transition:.4s;width:0}.link-item:hover:after{width:100%}.hero{position:relative}.about-left,.hero-img,.project-right{height:500px;overflow:hidden;width:500px}.shutter{font-family:Cosi Azure,sans-serif;font-size:10rem;position:absolute;z-index:100}.shutter-left{left:0;top:0}.shutter-right{bottom:0;right:0}.circle-left,.circle-right{-webkit-animation:spin 90s linear infinite;animation:spin 90s linear infinite;border:1px dashed;border-radius:50%;height:1000px;opacity:.2;position:fixed;width:1000px;z-index:-998}@-webkit-keyframes spin{to{-webkit-transform:rotate(360);transform:rotate(360)}}@keyframes spin{to{-webkit-transform:rotate(360);transform:rotate(360)}}.circle-left{left:-20%;top:-40%}.circle-right{bottom:-40%;right:-20%}.section-title{font-family:Cosi Azure,sans-serif;font-size:10rem;line-height:1}.skill-item{position:relative}.skill-item:after,.skill-item:before{background-color:#f7f7f7;background-color:var(--color-light);bottom:0;content:"";height:1px;left:0;position:absolute}.skill-item:before{opacity:.2;transition:1.5s;width:0}.skill-item.reveal:before{width:100%}.skill-item:after{background-color:#22d3ee;transition:.5s;width:0}.skill-item:hover:after{width:100%}.skill-number{font-size:5rem}.skill-name{font-size:2rem}.hover\:border-cyan-400\/20:hover{border-color:rgba(34,211,238,.2)}.hover\:bg-cyan-400\/20:hover{background-color:rgba(34,211,238,.2)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.focus\:border-cyan-400:focus{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity))}
/*# sourceMappingURL=main.9aca9127.css.map*/