@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7bdd799813739e3e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c7f848bed9dd25a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7bdd799813739e3e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c7f848bed9dd25a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_470226{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_470226{--font-outfit:"Outfit","Outfit Fallback"}

/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#0d1117;--white:white;--foreground:#2d2a2a;--third:#616161;--fourth:#490000;--fith:#490000;--ease-smooth:transform .4s cubic-bezier(.4,0,.2,1)}*,body{box-sizing:border-box}body{height:100%;margin:0;padding:0}.flex{width:100%}.flex,.flex-column{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column}.container{box-sizing:border-box}header{width:100%}header ul{flex-direction:row;justify-content:center;gap:10px;margin:10px;font-size:20px;display:flex}.panel{will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 700 700' width='700' height='700' opacity='0.91'%3E%3Cdefs%3E%3Cfilter id='nnnoise-filter' x='-20%25' y='-20%25' width='140%25' height='140%25' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.173' numOctaves='4' seed='15' stitchTiles='stitch' x='0%25' y='0%25' width='100%25' height='100%25' result='turbulence'%3E%3C/feTurbulence%3E%3CfeSpecularLighting surfaceScale='6' specularConstant='0.9' specularExponent='20' lighting-color='%237957A8' x='0%25' y='0%25' width='100%25' height='100%25' in='turbulence' result='specularLighting'%3E%3CfeDistantLight azimuth='3' elevation='127'%3E%3C/feDistantLight%3E%3C/feSpecularLighting%3E%3C/filter%3E%3C/defs%3E%3Crect width='700' height='700' fill='transparent'%3E%3C/rect%3E%3Crect width='700' height='700' fill='%237957a8' filter='url(%23nnnoise-filter)'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--background);width:100vw;height:100vh;top:0;overflow:hidden}.block{z-index:1;background-color:#fff;border:1px solid #fff;border-radius:10px;width:40px;height:30px;position:fixed;top:50%;right:30px}.block:first-of-type{transform:translateY(-40px)}.block:nth-of-type(3){transform:translateY(40px)}.navhover{color:#fff;white-space:nowrap;background:#000;border-radius:4px;padding:4px 8px;font-size:12px;display:none;position:absolute;top:0;right:50px}.block:hover .navhover{display:block}.block img{pointer-events:none;transform:translate(10px,5px)}.current-section{background-color:#ea2ae373;box-shadow:1px 3px 10px 2px #89158960}.pfp{box-sizing:border-box;border-radius:20px;width:300px;height:300px;margin:20px;display:inline}.p{text-align:center;width:100%;padding:20px;font-size:16px}.name,.p{color:#fff}.name{font-size:36px;font-weight:300}.card-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card{width:400px;transition:var(--ease-smooth);transform-style:preserve-3d;background-color:#3d444def;border:1px solid #fff;border-radius:20px;animation-name:card-hover;animation-duration:1s;position:relative;box-shadow:1px 10px 10px 10px #850de146}@keyframes card-hover{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.card-container:hover>.card{transition:var(--ease-smooth);transform:rotateY(180deg)}}.back{position:relative;transform:rotateY(180deg)}.back-group-one{justify-content:center;gap:20px;bottom:400px}.back-group-one,.back-group-two{flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.back-group-two{gap:5px;width:400px;bottom:85px}h3{text-shadow:1px 4px 7px #000;border-radius:5px;font-size:25px;font-weight:500}.back-group-three{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.front{flex-direction:column;align-items:center;display:flex}.back,.front{backface-visibility:hidden;width:100%;height:100%}.rotate{transform:rotateY(180deg)}.flex-center{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.full-height{height:100vh}.full-width{width:100vw}.fields{all:unset;color:#fff;z-index:1;background-color:#a5a7a8be;border:1px solid #fff;border-radius:10px;width:400px;height:40px;padding:10px 5px 0 10px}.floating-labels{color:#fff;font-size:20px;position:absolute;top:10px;left:20px}.active-lb,.floating-labels{transition:var(--ease-smooth)}.active-lb{cursor:grab;transform:translateY(-35px)}.form-container{height:100vh}label{position:relative}.textarea{resize:none;word-wrap:break-word;overflow-wrap:break-word;width:400px;max-width:400px;height:245px}form{background-color:#3d444def;border:1px solid #fff;border-radius:10px;margin:10px;padding:15px;box-shadow:1px 10px 10px 10px #850de125}form,form:hover{transition:box-shadow .5s ease-in-out}form:hover{box-shadow:1px 10px 10px 10px #850de180}button{background-color:#6d6d6d;border:1px solid #fff;border-radius:10px;width:300px;height:45px;position:relative;overflow:hidden}.button-style{background:linear-gradient(120deg,#d928d9,#7d1227,#c35120) 100% 0/200% 100%;transition:background-position .5s}.button-style:hover{background-position:0 0}.placeholder-text{z-index:2;transition:var(--ease-smooth);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.placeholder-text:first-of-type{top:-10px}button:hover .placeholder-text{transition:var(--ease-smooth);transform:translate(-50%,calc(30px - 50%))}.group-info-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:400px;height:504px;margin:20px;display:flex;position:relative}.group-info{color:#fff;width:100%;height:100%;transform-style:preserve-3d;background-color:#3d444def;border:1px solid #fff;border-radius:10px;padding:40px;position:absolute;box-shadow:1px 10px 10px 10px #850de123}.group-info,.group-info:hover{transition:box-shadow .5s ease-in-out,var(--ease-smooth)}.group-info:hover{box-shadow:1px 10px 10px 10px #850de180}.card-flip{transition:var(--ease-smooth);transform:rotateY(180deg)}.back-message{text-align:center;font-size:45px;position:absolute;top:-90%}.five-mar{margin:5px}.hello{width:300px;margin:10px;font-size:17px}.name-description{padding-left:50%;font-size:large;font-weight:300}.info-text{width:100px;font-size:20px}.marquee{white-space:nowrap;width:100vw;overflow:hidden}.marquee__group{padding:5px 15px;animation:marquee-content 60s linear infinite;display:inline-flex}.marquu__item{border:1px solid #000;border-radius:20%;flex-shrink:0;width:300px;height:200px;padding:5px 15px;display:inline-block}@keyframes marquee-content{0%{transform:translate(0)}to{transform:translate(-49.8%)}}.portfolio-container{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100vw;height:100%;display:flex}.cube-container{display:flex}.cube{border:1px solid #fff;border-radius:13px 0 0 13px;width:600px;height:400px}.cube,.cube-description{position:relative;overflow:hidden}.cube-description{word-break:normal;color:#fff;text-align:center;background:#544949 linear-gradient(120deg,#d928d9,#000,#4c0e8b5e) 100% 0/400% 100%;border:1px solid #fff;border-radius:0 13px 13px 0;justify-content:center;align-items:center;width:175px;padding:5px;font-size:16px;transition:background-position .5s;display:flex}.img{width:50px;height:50px}@media screen and (hover:hover){.cube-container:hover .cube-description{background-position:1px 1px}}.cube-touch{background-position:1px 1px}.portfolio-description{pointer-events:none;transition:var(--ease-smooth);padding:10px;position:absolute}.portfolio-description:nth-of-type(2){transform:translate(-200%)}@media (hover:hover){.cube-container:hover .portfolio-description:first-of-type{transition:var(--ease-smooth);transform:translate(-100%)}.cube-container:hover .portfolio-description:nth-of-type(2){transition:var(--ease-smooth);transform:translate(0)}}.arrow-svg{width:95px;height:95px;position:absolute;bottom:0;right:0;transform:translate(-50px,-30px)}.title{color:#000;width:100%;transition:var(--ease-smooth);pointer-events:none;text-align:center;background-color:#ffffff6b;border-radius:10px;font-size:29px;font-weight:600;position:absolute;top:50%}.cube-container:hover .title{transition:var(--ease-smooth);transform:scale(1.2)}.thumbnail{width:100%;height:100%;transition:var(--ease-smooth);border-radius:13px 0 0 13px}.cube:hover .thumbnail{transition:var(--ease-smooth);filter:blur(1px);transform:scale(1.1)}.website-svg{border:1px solid red}.folder-svg{width:800px;height:400px}.projects-page{background-color:var(--background);height:fit-content}.link-bg{background:var(--white);width:100%;height:100px;border-radius:0 0 0 13px;align-items:center;padding:10px;display:flex;position:absolute}.link-bg,.link-hover{transition:var(--ease-smooth)}.link-hover{transform:translateY(-100%)}.svg{width:20px}@media (hover:hover){.cube-container:hover .link-bg{transition:var(--ease-smooth);transform:translateY(-100%)}}.link-rise{transition:var(--ease-smooth);transform:translateY(-100%)}.link-img{width:50px;padding:5px}.gear-svg{height:220%;animation-name:gear-rotate-counter-clock;animation-duration:100s;animation-timing-function:linear;animation-iteration-count:infinite;bottom:-100%;left:-40%}.gear-svg,.gear-svg-small{opacity:.5;position:absolute}.gear-svg-small{height:150%;animation-name:gear-rotate-clock;animation-duration:97s;animation-timing-function:linear;animation-iteration-count:infinite;bottom:20%;left:60%}@keyframes gear-rotate-counter-clock{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes gear-rotate-clock{to{transform:rotate(0)}0%{transform:rotate(1turn)}}@media screen and (max-width:843px){.portfolio-container{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%;display:grid}.cube-container{flex-direction:column;display:flex}.cube{width:100%;height:250px}.cube,.thumbnail{border-radius:13px 13px 0 0}.cube-description{border-radius:0 0 8px 8px;flex-direction:column;width:100%;height:300px;font-size:18px;display:flex}.portfolio-description:nth-of-type(2){transform:translate(0)}.portfolio-description{position:static;transform:translate(0)}.portfolio-description div{flex-flow:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.link-bg{border-radius:0}.title{font-size:20px}.flex{flex-direction:column}.group-info{width:445px;height:320px}.group-info-container{height:320px;margin:0}#displaynone{display:none}.back-message{font-size:35px}}.backbutton{z-index:3;background-color:#ffffff37;border:1px solid #fff;border-radius:30%;margin:5px;padding:20px;font-size:20px;position:fixed;left:0}.backbutton:active,.backbutton:focus{outline:none}@media screen and (max-width:769px){.portfolio-container{grid-template-columns:1fr;gap:1rem;max-width:100%;display:grid}#heightfrontpage{height:175px}}.hover{opacity:0;transition:all .3s ease-in-out;transform:translateY(-40px)}.hover.active-view{opacity:1;transition:all .5s ease-in-out;transform:translateY(0)}@media screen and (max-width:448px){.fields,form{box-sizing:border-box;width:100%}label{width:100%}.button-style{box-sizing:border-box}.group-info,.group-info-container{box-sizing:border-box;width:100%}}@media screen and (max-width:451px){#cubedesc{height:50px}#heightfrontpage{height:260px}.floating-labels{top:4px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}