.sidebar{width:100%;background:#121214;height:100vh;position:fixed;padding:40px 30px}.profile{text-align:center;margin-bottom:1rem;margin-top:4rem;width:100%}.profile img{width:120px;border-radius:50%;margin-bottom:20px}.profile h2{margin-top:15px}.navOpts{display:flex;flex-direction:column;gap:15px;margin-top:30px}.navOpts a{color:#aaa;text-decoration:none;transition:.3s}.navOpts a:hover{color:#00d4ff}.social{margin-top:40px;display:flex;gap:15px;justify-content:center}@media(max-width:768px){.sidebar{z-index:1000}}#about{gap:5rem}.info_container{min-height:60%;display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.info_card{background:#fff;padding:1.5rem;width:30%;height:100%;min-height:100%;border-radius:12px;box-shadow:0 10px 25px #00000026;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info_card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000040}.info_card h2{margin-bottom:.5rem}.info_card p{color:#555;font-size:.95rem}.info_card h2{font-size:2.25rem;line-height:2.5rem}.info_card button{margin-top:1rem;padding:.6rem 1.2rem;border:none;border-radius:6px;background:#667eea;color:#fff;cursor:pointer}.info_card button:hover{background:#5563c1}.info_card svg{font-size:6rem;color:#555;text-align:center}.info_card--info{min-height:70%}@media(max-width:768px){.info_card{background:#fff;padding:1.5rem;width:30%;height:14rem;border-radius:12px;box-shadow:0 10px 25px #00000026;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info_container{min-height:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.info_card h2{font-size:1.25rem;line-height:2.5rem}}@media(max-width:1140px){.info_container{gap:1rem}.info_card h2{font-size:1.25rem;line-height:2.5rem}}@media(max-width:768px){.info_card{background:#fff;padding:1.5rem;width:100%;height:14rem;border-radius:12px;box-shadow:0 10px 25px #00000026;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info_container{min-height:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.info_card h2{font-size:1.25rem;line-height:2.5rem}.info_container{text-align:center;overflow:hidden;overflow-x:auto;scroll-snap-type:x mandatory;max-height:30%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;justify-content:flex-start;animation:scroll 15s .5s linear infinite}.info_container::-webkit-scrollbar{width:10px;height:10px}.info_container::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.info_container::-webkit-scrollbar-track{background:transparent}.info_container .info_card{scroll-snap-align:start;flex-shrink:0;min-height:100%}#about{gap:2rem}#about h2{margin-bottom:0}.info_card svg{font-size:3rem}}@media(max-width:320px){.info_card p{color:#555;font-size:.85rem}.info_card--info{min-height:70%;margin-bottom:1rem}.leading-relaxed{font-size:12px}.info_container{max-height:35%}}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#3f444a;color:#fff}.experience{padding:80px 120px}.header{display:flex;justify-content:space-between;align-items:center}h1{font-size:120px;margin:0;font-weight:800}.subtitle{color:#63d9cc;font-weight:600;margin-top:20px;letter-spacing:1px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:100px;gap:1rem}.card{display:flex;gap:30px}.year{writing-mode:vertical-rl;text-orientation:mixed;color:#63d9cc;font-weight:700;letter-spacing:2px}.content h2{font-size:36px;margin:0 0 20px;font-weight:800}.content p{color:#d6d6d6;line-height:1.8;max-width:420px}.nav-buttons{display:flex;gap:30px}.circle{width:80px;height:80px;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;transition:.3s}.circle:hover{border-color:#63d9cc;color:#63d9cc}@media(max-width:425px){.card{display:flex;flex-direction:column;gap:3px;width:100%}div:has(.card){width:100%}.year{writing-mode:horizontal-tb}.header{flex-direction:column-reverse}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:100px}}.skills{width:95%;height:100%;background-color:#000;overflow:hidden}.section{padding:40px;text-align:center}.words,.words-reverse{transform:translate(500vw)}.words{animation:15s slide-in-left linear backwards infinite;opacity:0}.words-reverse{animation:15s linear infinite slide-in-right}@keyframes slide-in-left{0%{transform:translate(-50vw);opacity:1}50%{transform:translate(50vw);opacity:1}to{transform:translate(50vw);opacity:1}}@keyframes slide-in-right{0%{transform:translate(50vw)}50%{transform:translate(50vw)}to{transform:translate(-50vw)}}.grid .words,.grid .words-reverse{animation-play-state:paused}.pause_anim{position:relative;padding:10px;top:15vh;left:35vw;z-index:100;opacity:.3}.pause_anim:hover{opacity:.8}.pause_anim svg{height:75px;width:75px}li{list-style:none;font-size:1rem}.stuck-grid{width:100%;perspective:1000px;transform-style:preserve-3d;display:grid;top:0;overflow:clip}.stuck-grid>.grid-item{transform-style:preserve-3d;font-size:3.5vmin;font-weight:lighter;text-wrap:nowrap}.special{position:relative;top:37vh}#skills li:nth-of-type(1){animation-range:40% 50%;animation-delay:5s}#skills li:nth-of-type(2){animation-range:20% 30%;animation-delay:8s}#skills li:nth-of-type(3){animation-range:52% 62%;animation-delay:8s}#skills li:nth-of-type(4){animation-range:50% 60%;animation-delay:12s}#skills li:nth-of-type(5){animation-range:45% 55%;animation-delay:22s}#skills li:nth-of-type(6){animation-range:10% 20%;animation-delay:2s}#skills li:nth-of-type(7){animation-range:90% 100%;animation-delay:14s}#skills li:nth-of-type(8){animation-range:30% 40%;animation-delay:16s}#skills li:nth-of-type(9){animation-range:80% 90%;animation-delay:11s}#skills li:nth-of-type(10){animation-range:70% 80%;animation-delay:20s}#skills li:nth-of-type(11){animation-range:-10% 50%;animation-delay:18s}#skills li:nth-of-type(12){animation-range:52% 62%;animation-delay:11s}#skills li:nth-of-type(13){animation-range:15% 25%;animation-delay:7s}#skills li:nth-of-type(14){animation-range:7% 17%;animation-delay:4s}#skills li:nth-of-type(15){animation-range:75% 85%;animation-delay:5s}#skills li:nth-of-type(16){animation-range:3% 13%;animation-delay:1.5s}#skills li:nth-of-type(17){animation-range:87% 97%;animation-delay:3.5s}#skills li:nth-of-type(18){animation-range:42% 52%;animation-delay:7.5s}#skills li:nth-of-type(19){animation-range:57% 67%;animation-delay:4s}#skills li:nth-of-type(20){animation-range:37% 47%;animation-delay:6.2s}#skills li:nth-of-type(21){animation-range:12% 22%;animation-delay:11s}#skills li:nth-of-type(22){animation-range:8% 18%;animation-delay:14s}#skills li:nth-of-type(23){animation-range:84% 94%;animation-delay:18.5s}#skills li:nth-of-type(24){animation-range:33% 43%;animation-delay:21.5s}#skills li:nth-of-type(25){animation-range:48% 58%;animation-delay:17s}#skills li:nth-of-type(26){animation-range:13% 23%;animation-delay:19s}#skills li:nth-of-type(27){animation-range:78% 88%;animation-delay:8s}#skills li:nth-of-type(28){animation-range:62% 72%;animation-delay:9.2s}#skills li:nth-of-type(29){animation-range:31% 41%;animation-delay:10s}#skills li:nth-of-type(30){animation-range:8% 18%;animation-delay:17.5s}#skills li:nth-of-type(31){animation-range:4% 14%;animation-delay:9.2s}#skills li:nth-of-type(32){animation-range:74% 84%;animation-delay:7s}#skills li:nth-of-type(33){animation-range:61% 71%;animation-delay:1.5s}#skills li:nth-of-type(34){animation-range:26% 36%;animation-delay:8s}#skills li:nth-of-type(35){animation-range:63% 73%;animation-delay:19.2s}#skills li:nth-of-type(36){animation-range:11% 21%;animation-delay:14.8s}#skills li:nth-of-type(37){animation-range:89% 99%;animation-delay:10s}#skills li:nth-of-type(38){animation-range:33% 43%;animation-delay:5.5s}#skills li:nth-of-type(39){animation-range:88% 98%;animation-delay:2.1s}#skills li:nth-of-type(40){animation-range:22% 32%;animation-delay:3.2s}#skills li:nth-of-type(41){animation-range:16% 26%;animation-delay:8.3s}#skills li:nth-of-type(42){animation-range:26% 36%;animation-delay:12.2s}#skills li:nth-of-type(43){animation-range:66% 76%;animation-delay:15.3s}#skills li:nth-of-type(44){animation-range:3% 13%;animation-delay:16.8s}#skills li:nth-of-type(45){animation-range:44% 54%;animation-delay:12s}#skills li:nth-of-type(46){animation-range:11% 21%;animation-delay:22s}#skills li:nth-of-type(47){animation-range:23% 33%;animation-delay:24.5s}#skills li:nth-of-type(48){animation-range:39% 49%;animation-delay:1s}#skills li:nth-of-type(49){animation-range:59% 69%;animation-delay:3s}#skills li:nth-of-type(50){animation-range:6% 16%;animation-delay:0s}@media(max-width:768px){.btnsContainer{display:none}}.container{display:flex;width:100%;min-width:100%;background:linear-gradient(to bottom,#43cea2,#185a9d,#ff512f,#249cdd)}.fixed-width{width:15%;max-width:15%;height:100vh;top:0;bottom:0;position:fixed;overflow-x:hidden;flex-direction:column;flex-basis:100%;flex:2;align-items:center}.main{padding:10px;text-align:center;display:flex;flex-direction:column;flex-basis:100%;flex:8;background:transparent;overflow-y:scroll;scroll-snap-type:mandatory;scroll-snap-points-y:repeat(3rem);scroll-snap-type:y mandatory}.main section{scroll-snap-align:center}.scrollBtn{position:fixed;right:20px;font-size:2rem;text-align:center;width:4.5rem;height:4.5rem}.scrollBtn svg{width:100%;height:100%}#scrollUp{bottom:7.5rem}#scrollDown{bottom:2rem}@media(max-width:768px){.fixed-width{width:100%;max-width:100%;z-index:1000}#hamburger{z-index:1001}}*,:before,:after{--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: rgb(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: ;--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;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{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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: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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.m-5{margin:1.25rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-10{margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-\[15\%\]{margin-left:15%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-40{height:10rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-8{width:2rem}.w-\[85\%\]{width:85%}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-\[85\%\]{max-width:85%}.max-w-xl{max-width:36rem}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-stone-600{--tw-border-opacity: 1;border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.bg-black\/60{background-color:#0009}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.backdrop-blur{--tw-backdrop-blur: blur(8px);-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}body{font-family:system-ui,sans-serif;background:#000;color:#fff}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}