/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{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,pre,samp{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:initial}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;color: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}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,: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: }.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}}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.z-10{z-index:10}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{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{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-\[\#071021\]{--tw-bg-opacity:1;background-color:rgb(7 16 33/var(--tw-bg-opacity))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-28{padding-top:7rem}.pt-36{padding-top:9rem}.pt-40{padding-top:10rem}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-\[\#9aa4b2\]{--tw-text-opacity:1;color:rgb(154 164 178/var(--tw-text-opacity))}.text-\[\#e6eef6\]{--tw-text-opacity:1;color:rgb(230 238 246/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{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-filter{-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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#0a0a0c;--card:#0b1220;--text:#c084fc;--muted:#9aa4b2;--page-transition:340ms;--page-ease:cubic-bezier(.2,.9,.3,1)}@font-face{font-family:Verona-Serial-Medium;src:local("verona-serial-medium"),local("Verona Serial Medium"),local("VeronaSerial-Medium");font-weight:500;font-style:normal;font-display:swap}body,html{font-family:Verona-Serial-Medium,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);letter-spacing:-.05rem}header h1{font-weight:700;letter-spacing:-.15rem}.socials li a{letter-spacing:-.1rem}.socials li a,a{color:var(--text)}a{text-decoration:none;transition:color .18s ease,transform .18s ease,opacity .18s ease}a:focus,a:hover{color:#e9d7ff}.project-link{position:relative;display:inline-block;color:inherit;overflow:visible;font-size:.95rem;padding:.2rem .5rem}.project-link .final,.project-link .glitch:after,.project-link .glitch:before,.project-link .orig{display:inline-block;position:relative;white-space:nowrap}.project-link .final,.project-link .glitch{position:absolute;left:0;top:0;opacity:0;pointer-events:none}.project-link .glitch{width:100%;height:100%}.project-link .glitch:after,.project-link .glitch:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;color:inherit;background:#0000;mix-blend-mode:screen}.project-link:hover .glitch{opacity:1;animation:glitch-show 1.6s linear forwards}.project-link:hover .glitch:before{animation:glitch-top 1.6s linear forwards}.project-link:hover .glitch:after{animation:glitch-bottom 1.6s linear forwards}.project-link:hover .orig{animation:orig-fade 1.6s linear forwards}.project-link:hover .final{animation:final-show 1.6s linear forwards}@keyframes glitch-top{0%{transform:translate(0);-webkit-clip-path:inset(0 0 80% 0);clip-path:inset(0 0 80% 0);opacity:1}25%{transform:translate(-6px,-4px);-webkit-clip-path:inset(0 0 40% 0);clip-path:inset(0 0 40% 0)}50%{transform:translate(6px,-2px);-webkit-clip-path:inset(0 0 30% 0);clip-path:inset(0 0 30% 0)}75%{transform:translate(-3px,2px);-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0);opacity:.7}to{transform:translate(0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);opacity:0}}@keyframes glitch-bottom{0%{transform:translate(0);-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0);opacity:1}25%{transform:translate(6px,4px);-webkit-clip-path:inset(30% 0 0 0);clip-path:inset(30% 0 0 0)}50%{transform:translate(-6px,2px);-webkit-clip-path:inset(20% 0 0 0);clip-path:inset(20% 0 0 0)}75%{transform:translate(3px,-2px);-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);opacity:.7}to{transform:translate(0);-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);opacity:0}}@keyframes orig-fade{0%{opacity:1;transform:none}85%{opacity:.2;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes final-show{0%{opacity:0;transform:translateY(2px)}85%{opacity:0}to{opacity:1;transform:translateY(0)}}.project-link .final,.project-link .orig{display:inline-block;min-width:1ch}.back-btn{position:fixed!important;top:1rem!important;left:1rem!important;z-index:9999!important;display:inline-block;padding:.25rem .6rem;background:#0a0c1099;color:#c084fc;border-radius:6px;text-decoration:none;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:420px){.back-btn{top:.6rem;left:.6rem;padding:.2rem .5rem;font-size:.92rem}.project-link,.project-link *{animation:none!important;transition:none!important}.project-link .final,.project-link .glitch{display:none!important}.project-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-link .orig{display:inline-block;white-space:nowrap;text-align:center;min-width:0;box-sizing:initial;vertical-align:middle}.project-title-link{text-decoration:none;transition:color .18s ease,opacity .12s ease}.project-title-link.purple{color:var(--text)}.project-title-link.purple:focus,.project-title-link.purple:hover{color:#e9d7ff}.project-title-link.white{color:#fff}.project-title-link.white:focus,.project-title-link.white:hover{color:#fffc}}.project-link{cursor:pointer}body.page-enter{opacity:0}body.page-enter.page-enter-active{transition:opacity var(--page-transition) var(--page-ease);opacity:1}body.page-exit{opacity:1}body.page-exit.page-exit-active{transition:opacity var(--page-transition) var(--page-ease);opacity:0}@media (prefers-reduced-motion:reduce){body.page-enter,body.page-enter.page-enter-active,body.page-exit,body.page-exit.page-exit-active{transition:none!important;transform:none!important;opacity:1!important}}.postcards-wrap{width:100%!important;max-width:100%!important;margin:1.5rem auto 0!important;clear:both!important;order:99;max-width:100%;align-self:stretch}.postcards-container{max-height:1px;overflow:hidden;transition:max-height .32s cubic-bezier(.2,.9,.3,1),opacity .2s;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:0}.postcards-container>.postcard:first-child{padding-top:.75rem;padding-bottom:.75rem}.postcard iframe{width:100%;max-width:720px;height:180px;border-radius:8px;background:#000;display:block;margin:0 auto}.postcards-wrap:focus-within .postcards-container,.postcards-wrap:hover .postcards-container{max-height:56vh;overflow-y:auto;padding:.5rem .5rem 1rem}.postcards-wrap:focus-within .postcard iframe,.postcards-wrap:hover .postcard iframe{height:calc(min(40vh, 320px))}.postcards-container .postcard{scroll-snap-align:start;display:block;width:100%;padding:.5rem 0;box-sizing:border-box}.postcards-container{position:relative}.postcards-container:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;pointer-events:none;background:linear-gradient(180deg,#07102100,#071021eb 90%);opacity:.7;transition:opacity .2s}.postcards-wrap:focus-within .postcards-container:after,.postcards-wrap:hover .postcards-container:after{opacity:0}.pc-root{width:100%;max-width:960px;margin:0 auto}.pc-preview{display:block;background:#000;cursor:pointer}.pc-player{position:relative}@media(min-width:640px){.pc-frame-wrap iframe{height:260px}}@media(min-width:1024px){.pc-frame-wrap iframe{height:360px}}.pc-next{margin-top:-44px}.pc-next img{opacity:.48;transform:translateY(8px);box-shadow:0 6px 18px #0006}.pc-preview:focus{outline:2px solid #c084fc99}.pc-frame-wrap,.pc-next img,.pc-preview img{transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s}@media (prefers-reduced-motion:reduce){.pc-frame-wrap,.pc-next img,.pc-preview img{transition:none!important}}#postcards-carousel h2.sr-only{width:auto!important;height:auto!important;margin:0 0 .5rem;-webkit-clip-path:none!important;clip-path:none!important;white-space:normal!important;font-weight:600}.postcards-wrap{display:block!important;width:100%;max-width:640px;margin:.75rem auto 0;clear:both}.pc-preview img{height:110px;transition:transform .24s cubic-bezier(.2,.9,.3,1)}@media(min-width:640px){.postcards-wrap{max-width:820px}.pc-preview img{height:150px}}@media(min-width:1024px){.postcards-wrap{max-width:960px}.pc-preview img{height:200px}}.pc-frame-wrap iframe{height:180px}@media(min-width:640px){.pc-frame-wrap iframe{height:240px}}@media(min-width:1024px){.pc-frame-wrap iframe{height:320px}}.pc-next{margin-top:-26px;display:flex;justify-content:center}.pc-next img{opacity:.5;border-radius:8px;box-shadow:0 8px 20px #0000005c;width:92%;max-width:420px}#postcards-carousel.pc-active .pc-preview img{transform:scale(.995) translateY(-4px)}#postcards-carousel.pc-active .pc-player{pointer-events:auto}#postcards-carousel.dragging .pc-frame-wrap iframe{filter:blur(4px) saturate(.98);transition:filter .12s linear}.pc-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff14;border-radius:999px;outline:none}.pc-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#c084fc;box-shadow:0 2px 6px #00000073;cursor:pointer;-webkit-transition:transform .12s;transition:transform .12s}.pc-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.06)}.back-btn,main{z-index:2}@media (prefers-reduced-motion:reduce){.pc-frame-wrap iframe,.pc-preview img{transition:none!important;filter:none!important}}.postcards-wrap{margin:.5rem auto 0}.pc-preview img{display:block;width:100%;height:86px;-o-object-fit:cover;object-fit:cover;transition:transform .18s cubic-bezier(.2,.9,.3,1)}@media (min-width:640px){.postcards-wrap{max-width:560px}.pc-preview img{height:120px}}@media (min-width:1024px){.postcards-wrap{max-width:720px}.pc-preview img{height:160px}}.pc-player{pointer-events:auto}#postcards-carousel.pc-active .pc-preview img{transform:translateY(-4px) scale(.998)}.pc-player{display:block!important;transform:none!important;transition:none!important;pointer-events:auto!important}.pc-frame-wrap iframe,.pc-next img,.pc-player,.pc-preview img{opacity:1!important}.postcards-wrap{margin:.5rem auto}.pc-frame-wrap iframe{width:100%;max-width:420px;height:220px;border-radius:8px;display:block;background:#000}@media(min-width:640px){.postcards-wrap{max-width:560px}.pc-frame-wrap iframe{max-width:560px;height:260px}}@media(min-width:1024px){.postcards-wrap{max-width:720px}.pc-frame-wrap iframe{max-width:720px;height:320px}}.pc-next{margin-top:-22px}.postcards-wrap{max-width:420px;margin:.6rem auto;align-self:center}.pc-compact-img{height:120px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:12px;box-shadow:0 10px 30px #01060c99;transition:transform .16s ease}.pc-compact-img,.pc-frame-wrap{width:92%;max-width:400px}.pc-iframe{height:120px;border-radius:12px}@media(min-width:640px){.pc-compact-img,.pc-iframe{height:160px;max-width:560px}.postcards-wrap{max-width:560px}}@media(min-width:1024px){.pc-compact-img,.pc-iframe{height:220px;max-width:720px}.postcards-wrap{max-width:720px}}.pc-next{margin-top:-18px;pointer-events:none;z-index:1}.pc-next img{width:84%;border-radius:10px;opacity:.62;transform:translateY(6px)}#postcards-carousel h2.sr-only{position:static!important;clip:auto!important;overflow:visible!important;opacity:1;color:#fff;text-align:center;margin-bottom:.5rem}iframe{opacity:1!important;background:#000!important}.pc-compact-img{display:none!important}.pc-banner-img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:10px;box-shadow:0 12px 30px #00000073;transition:transform .16s ease}@media(min-width:640px){.pc-banner-img{height:220px}}@media(min-width:1024px){.pc-banner-img{height:280px}}.pc-frame-wrap{width:100%;margin:0 auto}.pc-iframe{width:100%;height:180px;border-radius:10px;display:block;background:#000}@media(min-width:640px){.pc-iframe{height:220px}}@media(min-width:1024px){.pc-iframe{height:280px}}#pc-player[hidden],.pc-preview[hidden]{display:none!important}.pc-banner-img,.pc-next img,iframe{opacity:1!important;filter:none!important}.back-btn,main{position:relative;z-index:3}.site-header a.site-logo{pointer-events:auto;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:700;letter-spacing:-.13em;color:#e6eef6}.site-header a.site-logo img{height:1em;width:auto}.site-header .site-nav{margin-top:.35rem;display:flex;gap:1.5rem;opacity:.65;pointer-events:auto}.site-header .site-nav a{font-size:.75rem;color:#c084fc;text-decoration:none;letter-spacing:.03em;transition:color .18s,opacity .18s}.site-header .site-nav a:hover{color:#e9d7ff;opacity:1}.site-header .site-nav a.current{color:#fff;opacity:1}.project-title-link{text-decoration:none;transition:color .2s ease}.project-title-link.white{color:#e6eef6}.project-title-link.white:hover{color:#fff}.project-title-link.purple{color:#c084fc!important}.project-title-link.purple:hover{color:#d8b4fe!important}.hover\:text-\[\#a8b2c0\]:hover{--tw-text-opacity:1;color:rgb(168 178 192/var(--tw-text-opacity))}.hover\:text-\[\#c084fc\]:hover{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}