/*! tailwindcss v3.3.2 | 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%;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;font-variation-settings:normal;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:baseline}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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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::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: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-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: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: }.mt-auto{margin-top:auto}.block{display:block}.hidden{display:none}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-\[40\%\]{width:40%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-text{cursor:text}.rounded-md{border-radius:.375rem}.filter{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)}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}@media (min-width:1280px){.xl\:block{display:block}.xl\:h-full{height:100%}.xl\:w-1\/3{width:33.333333%}}html{max-width:100vw;scroll-behavior:smooth;scroll-snap-type:y mandatory}section{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}section:not(#skills){padding-left:1rem;padding-right:1rem}section:not(#skills) header p{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity))}p{white-space:pre-line}nav{align-items:center;display:flex;justify-content:space-between;left:0;padding:1.5rem 3.5rem;position:absolute;top:0;width:100%}@media (min-width:768px){nav{display:grid;justify-content:flex-start}}nav{grid-template-columns:1fr auto 1fr}nav svg{height:3rem;width:3rem}nav ul{align-items:center;display:none;position:relative}@media (min-width:768px){nav ul{display:flex}}nav ul li{cursor:pointer;font-family:Fira Code,sans-serif;width:100%}nav ul li:nth-child(2){padding-inline:2.5rem}nav ul .under{background:#000;bottom:-5px;height:2px;left:0;position:absolute;transition:width 1.4s cubic-bezier(.19,1,.22,1),left .5s ease-out;width:0}nav ul li:hover~.under{transition:width .3s cubic-bezier(.19,1,.22,1),left .3s cubic-bezier(0,.28,.58,1);width:calc(33% - 1.25rem)}nav ul li:first-child:hover~.under{left:0}nav ul li:nth-child(2):hover~.under{left:calc(33% + 1rem);width:calc(33% - 2.5rem)}nav ul li:nth-child(3):hover~.under{left:calc(66% + 1rem);width:calc(33% - .83333rem)}@media (min-width:768px){nav button{justify-self:end}}section:not(:first-of-type){padding-bottom:5rem;padding-top:5rem}section:not(:first-of-type) header h3{display:block;font-size:2.25rem;font-weight:700;line-height:2.5rem;text-align:center}section:not(:first-of-type) header p{display:block;margin:1rem auto;text-align:center;width:66.666667%}mark{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}@font-face{font-family:Fira Code;src:url(../fonts/fira_code.ttf)}.console,.fira,section:not(:first-of-type) header h3{font-family:Fira Code,sans-serif}section#presentation{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding-bottom:5rem;padding-top:5rem}section#presentation .title{margin-left:auto;margin-right:auto}@media (min-width:768px){section#presentation .title{width:66.666667%}}section#presentation .title h1{display:block;font-size:2.25rem;font-weight:700;line-height:2.5rem;line-height:1.5;text-align:center}section#presentation .title h1 mark{font-family:Fira Code,sans-serif}section#presentation .title p{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity));display:block;margin:1rem auto;padding-left:1rem;padding-right:1rem;text-align:center}@media (min-width:768px){section#presentation .title p{padding-left:0;padding-right:0;width:50%}}section#presentation .buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){section#presentation .buttons{display:none}}section#presentation .buttons>button{font-weight:600;margin-left:1rem;margin-right:1rem}.console{background-color:#0a0d12;border-radius:.375rem;border-width:1px;display:none;margin-left:auto;margin-right:auto;padding-bottom:.75rem;padding-top:.75rem;width:33.333333%}@media (min-width:768px){.console{display:block}}.console{border-color:#ffffff50;box-shadow:-50px 30px 80px -40px #274aca90,50px -30px 80px -40px #fcba0390;color:#81888f}.console header{color:#c7c7c7;font-size:.875rem;line-height:1.25rem;margin-bottom:1rem;padding-left:1.25rem;padding-right:1.25rem}.console ul li{cursor:pointer;padding:.25rem 1.25rem}.console ul li.active{--tw-bg-opacity:1;background-color:#8a6e35;background-color:rgb(138 110 53/var(--tw-bg-opacity));color:#252117}section#skills{align-items:center;background:#0a0d12;display:flex;flex-direction:column;gap:2rem;justify-content:center}section#skills header h3{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}section#skills header p{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity))}section#skills .skills{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}section#skills .skills .skill-card:hover{box-shadow:-50px 30px 80px -60px #274aca30,50px -30px 80px -60px #00bbff30}section#skills .skills .skill-card .tags{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}section#work>.tags{cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;margin-top:2rem}section#work .work{display:flex;gap:3rem;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;overflow-x:scroll;padding-bottom:1rem;scroll-snap-type:x proximity}@media (min-width:1024px){section#work .work{margin-bottom:0;padding-bottom:2rem;width:66.666667%}}section#work .work{scrollbar-color:#c4c4c4 #fff;scrollbar-width:thin}section#work .work::-webkit-scrollbar{width:16px}section#work .work::-webkit-scrollbar-track{background:#fff;margin-bottom:10px;margin-top:10px}section#work .work::-webkit-scrollbar-thumb{background-color:#c4c4c4;border:3px solid #fff;border-radius:10px}section#work .work .work-card{margin-left:auto;margin-right:auto;min-width:20rem;width:24rem}@media (min-width:1024px){section#work .work .work-card{min-width:24rem}}section#work .work .work-card .image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;cursor:pointer;height:16rem;margin-bottom:.5rem;width:100%}section#work .work .work-card .content{display:flex;flex-direction:column;gap:.75rem}section#work .work .work-card .content .info h5{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem}section#work .work .work-card .content .info .tags{display:flex;flex-wrap:wrap;gap:.5rem}section#work .work .work-card .content .info .tags .tag{pointer-events:none}section#work .work .work-card .content p{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity));white-space:pre-line}section#work .work .work-card .content a{opacity:0;position:relative;transition:all .3s ease-in-out;visibility:hidden}section#work .work .work-card .content a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.77,0,.18,1);width:0;z-index:1}section#work .work .work-card .content a:hover:after{width:100%}section#work .work .work-card:first-child a,section#work .work .work-card:hover a{opacity:1;visibility:visible}section#contact>header{margin-bottom:3.5rem}section#contact>.content{display:flex;flex-direction:column-reverse;flex-wrap:wrap;gap:1rem;height:100%;justify-content:center;margin-left:auto;margin-right:auto}@media (min-width:1024px){section#contact>.content{flex-direction:row;width:66.666667%}}section#contact>.content{align-items:stretch}section#contact>.content>div:not(.bento){display:flex;flex-direction:column-reverse;gap:1rem}@media (min-width:1024px){section#contact>.content>div:not(.bento){flex-direction:column}}@font-face{font-family:Fira Code;src:url(../fonts/fira_code.ttf)}.fira{font-family:Fira Code,sans-serif}.button{align-items:center;display:flex;gap:.5rem;justify-content:center;overflow:hidden;padding-left:2rem;padding-right:2rem;padding-block:.3rem;position:relative}.button.hideMobile{display:none}@media (min-width:1024px){.button.hideMobile{display:flex}}.button.large{padding:.5rem 3rem}.button.big{padding-bottom:.5rem;padding-top:.5rem}.button.main{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-color:#000;border-color:rgb(0 0 0/var(--tw-border-opacity));border-width:1px;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));transition:color .3s ease-in-out}.button.second{border-width:1px;transition:color .3s ease-in-out}.button.second.hover:before{background:#000;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .3s cubic-bezier(.22,.61,.36,1);width:100%;z-index:-1}.button.second.hover:hover:before{height:100%}.button.second.hover:hover>*{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.button.smile:hover:after{left:50%;top:50%;transform:translate(-50%,-50%)}.button.smile:hover>*{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity));opacity:0}.button.smile:before{z-index:0}.button.smile:after{align-items:center;content:attr(data-text);display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:-100%;transform:translate(-50%);transition:all .3s cubic-bezier(.17,.84,.44,1);width:100%}u.mark{position:relative;text-decoration:none;transition:color .25s ease-in-out}u.mark:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}u.mark:hover:before{height:90%}u.mark:before{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;transition:height .25s cubic-bezier(.17,.84,.44,1);width:100%;z-index:-1}.skill-card{display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;padding:4rem 5rem 2rem 2.5rem;position:relative;width:20rem}@media (min-width:1024px){.skill-card{width:24rem}}.skill-card{background-color:#10141b;border:1px solid #212a37;color:#fff;transition:box-shadow .2s ease-in}.skill-card svg{height:4rem;width:4rem}.skill-card .icons{align-items:center;display:flex;gap:1rem}.skill-card h5{font-size:1.5rem;font-weight:700;line-height:2rem}.skill-card p{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity))}.tag{--tw-text-opacity:1;background:#10141b;border:1px solid #484848;border-radius:30px;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex;font-family:Fira Code,sans-serif;padding:.25rem 1.25rem;transition:all .3s ease-in-out;width:-moz-fit-content;width:fit-content}.tag.gray.tooltip:hover,.tag.gray:not(.active):not(:hover){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity));border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity));color:#111827;color:rgb(17 24 39/var(--tw-text-opacity))}.tag.lite{font-size:.875rem;line-height:1.25rem}.tag.tooltip{pointer-events:all!important;position:relative}.tag.tooltip:hover:after{opacity:1;visibility:visible}.tag.tooltip:after{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity));border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity));border-radius:9999px;border-width:1px;bottom:130%;box-shadow:0 0 10px #00000010;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity));content:attr(data-tooltip);display:inline-flex;left:50%;opacity:0;padding-left:1.25rem;padding-right:1.25rem;padding-block:.5rem;position:absolute;transform:translate(-50%);transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:-moz-max-content;width:max-content}.bento{--tw-border-opacity:1;--text:#000;background-color:rgba(var(--color),.1);border-color:#e4e4e7;border-color:rgb(228 228 231/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;box-shadow:0 8px 24px #969ea633;transition:transform .2s ease-in-out}.bento:hover{transform:scale(.98)}.bento.imp{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity));box-shadow:0 7px 29px #63636e33}.bento>a{--tw-text-opacity:1;color:#71717a;color:rgb(113 113 122/var(--tw-text-opacity));cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;gap:.75rem;height:100%;line-height:1.25rem;padding:1rem 2rem 1.5rem;text-align:left;width:100%}.bento>a header{align-items:center;display:flex;gap:3.5rem;justify-content:space-between}.bento>a header .icon{border-radius:.5rem;height:3rem;overflow:hidden;width:3rem}.bento>a .link{align-items:center;border-radius:.375rem;font-weight:700;gap:.5rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;text-align:center}@media (min-width:1024px){.bento>a .link{border-radius:9999px;margin-top:0;text-align:left}}.bento>a .link{background-color:rgba(var(--color));color:var(--text);padding-block:.4rem}.bento>a .content{display:flex;flex-direction:column}.bento>a .content .title{--tw-text-opacity:1;color:#27272a;color:rgb(39 39 42/var(--tw-text-opacity))}.bento>a .content .subtitle{font-size:.75rem;line-height:1rem}.bento:not(.width){max-width:28rem}.bento.width{width:100%}.bento.height{height:100%}.bento.nr .link{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#f4f4f5;background-color:rgb(244 244 245/var(--tw-bg-opacity));border-color:#e4e4e7;border-color:rgb(228 228 231/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;color:#3f3f46;color:rgb(63 63 70/var(--tw-text-opacity))}:not(.tag) ::-moz-selection{background-color:#000;color:#fff}:not(.tag) ::selection{background-color:#000;color:#fff}