@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Oswald:wght@200..700&family=Yanone+Kaffeesatz:wght@200..700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;align-items:center;padding:1rem 2rem;width:100%;position:sticky;top:0;z-index:1000;font-family:var(--font-navbar);background:#fff;transition:box-shadow .3s ease;justify-content:space-between}.navbar.scrolled{box-shadow:0 2px 4px #0000001a}.navbarLogo{font-family:var(--font-heading);font-weight:700;color:#272e36;cursor:pointer;flex-shrink:0}.hamburger{display:none;cursor:pointer;color:#272e36;z-index:1025}.navbarContent{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navLink{position:relative;text-decoration:none;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#272e36;transition:color .25s;background-color:#fff;border:none;cursor:pointer;font-family:var(--font-navbar);font-size:.9rem}.navbarContent li:nth-child(1) .navLink:hover{color:#3b82f6}.navbarContent li:nth-child(1) .underline{background:linear-gradient(to right,#60a5fa,#3b82f6)}.navbarContent li:nth-child(2) .navLink:hover{color:#34d399}.navbarContent li:nth-child(2) .underline{background:linear-gradient(to right,#6ee7b7,#34d399)}.navbarContent li:nth-child(3) .navLink:hover{color:#f87171}.navbarContent li:nth-child(3) .underline{background:linear-gradient(to right,#fca5a5,#f87171)}.navbarContent li:nth-child(4) .navLink:hover{color:#a78bfa}.navbarContent li:nth-child(4) .underline{background:linear-gradient(to right,#c4b5fd,#a78bfa)}.underline{position:absolute;bottom:-6px;left:0;height:2px;width:0;transition:width .3s ease}.navLink:hover .underline{width:100%}.navbarRight{display:flex;align-items:center;gap:1rem;flex-shrink:0}.navbarButton{position:relative;padding:.5rem 1.2rem;border:2px solid #272e36;border-radius:30px;font-weight:600;background:transparent;color:#272e36;cursor:pointer;overflow:hidden;transition:color .35s ease;font-family:var(--font-navbar);white-space:nowrap}.navbarButton:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#34d399);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:-1}.navbarButton:hover:before{transform:scaleX(1)}.navbarButton:hover{color:#fff;border-color:transparent}.mobileMenu{display:none}@media(max-width:768px){.navbar{padding:1rem 1.25rem}.hamburger{display:block}.navbarContent,.navbarRight{display:none}.mobileMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1020}.mobileMenu.open{opacity:1;pointer-events:all}.mobileMenu ul{list-style:none;text-align:center;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.mobileMenu li{margin:1.2rem 0}.mobileMenu button{background:none;border:none;font-family:var(--font-navbar);font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;transition:color .3s;cursor:pointer}.mobileMenu button:hover{color:#34d399}.mobileLangToggle{background:transparent!important;border:1.5px solid #cbd5e1!important;border-radius:999px!important;padding:.5rem 1.5rem!important;color:#cbd5e1!important;font-size:1rem!important;font-weight:600!important;margin-top:.5rem;transition:color .3s,border-color .3s;text-transform:none!important;letter-spacing:0!important}.mobileLangToggle:hover{color:#34d399!important;border-color:#34d399!important}}.hero{width:100%;display:flex;justify-content:center}.hero_content{min-height:100vh;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:1200px;will-change:transform,opacity}.hero_content>*{width:100%}.intro{text-align:left;margin-left:clamp(1rem,4vw,4rem);font-size:clamp(1rem,2vw,1.3rem);font-weight:100;color:#000}.description{text-align:right;margin-right:clamp(1rem,4vw,4rem);font-size:clamp(.9rem,2vw,1.3rem);font-weight:100;color:#000}.availabilityBadge{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:#0f172a;background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid rgba(16,185,129,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pulseGlow 2.5s infinite;width:fit-content}.availabilityBadge .dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}.heroTitle{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:.85;text-rendering:optimizeLegibility}.heroTitle h1{font-family:var(--font-heading);font-weight:900;font-size:clamp(3.5rem,10vw,10rem);letter-spacing:-.05em;margin:0}#frontend{color:#000;margin-bottom:-2rem;margin-top:-1rem}#developer{color:#fff;text-shadow:1px 1px 0 black,-1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black}#designer{color:#0000009c;-webkit-text-stroke:2px #000;scale:.8}.heroTitleDivider{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:-.5rem 0;width:100%}.dividerLine{flex:1;max-width:18rem;height:2px;background:#272e36}.dividerAmp{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,3rem);font-weight:900;color:#272e36;letter-spacing:-.02em;line-height:1}.socialMedia{display:flex;gap:1.2rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.socialMedia a{display:flex;align-items:center;justify-content:center;padding:.7rem;border-radius:.6rem;border:1px solid #e5e7eb;color:#111;transition:all .3s ease}.socialMedia a:hover{transform:scale(1.1);background:#000;color:#fff}.heroButtons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.contactButton,.resumeButton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:48px;padding:0 2rem;border-radius:.6rem;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.contactButton:hover,.resumeButton:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}@media(max-width:768px){.hero_content{padding:2rem 1.25rem;gap:.75rem}.intro,.description{margin-left:0;margin-right:0;font-size:.95rem}.description{text-align:left}#frontend{margin-bottom:-1rem;margin-top:0}#designer{-webkit-text-stroke:1.5px #000}.dividerLine{max-width:5rem}.dividerAmp{font-size:clamp(1rem,5vw,1.6rem)}.heroButtons{flex-direction:column;width:100%}.contactButton,.resumeButton{width:100%;max-width:320px}}@media(max-width:400px){.heroTitle h1{font-size:clamp(2.8rem,14vw,4rem)}}.aboutSection{padding:5rem 2rem 7rem;background:#ececec;scroll-margin-top:90px;overflow:visible}.aboutHeader{max-width:1100px;margin:0 auto 4rem}.aboutTitle{display:flex;flex-direction:column;line-height:.88;margin-bottom:1.5rem}.aH1{font-family:var(--font-heading);font-size:clamp(3.5rem,10vw,9rem);font-weight:900;letter-spacing:-.04em;margin:0;text-transform:uppercase;text-align:left}.aH1--outline{color:transparent;-webkit-text-stroke:2px #272e36}.aH1--filled{color:#272e36}.aboutLine{height:1.5px;background:#272e36;transform-origin:left center}.aboutCard{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:6rem;align-items:start}.aboutVisual{position:sticky;top:7rem;display:flex;flex-direction:column;gap:1.8rem;padding-left:2rem}.aboutRotatedLabel{position:absolute;top:60px;left:-.2rem;font-size:.58rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#b0b8c4;writing-mode:vertical-rl;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.aboutPhotoWrap{position:relative;border-radius:1.2rem;overflow:hidden}.aboutPhoto{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center 8%;display:block;border-radius:1.2rem;transition:transform .5s ease}.aboutPhotoWrap:hover .aboutPhoto{transform:scale(1.02)}.aboutMiniList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border-top:1.5px solid rgba(39,46,54,.12)}.aboutMiniItem{display:flex;align-items:center;gap:.9rem;padding:.65rem 0;border-bottom:1px solid rgba(39,46,54,.07);transition:padding-left .2s ease;cursor:default}.aboutMiniItem:hover{padding-left:.4rem}.aboutMiniNum{font-family:var(--font-heading);font-size:.62rem;font-weight:900;min-width:18px;letter-spacing:.05em}.aboutMiniText{font-size:.8rem;font-weight:500;color:#4b5563;line-height:1.4}.aboutContent{display:flex;flex-direction:column;gap:1.4rem;padding-top:.25rem;text-align:left}.aboutMeta{display:flex;align-items:center;gap:.8rem}.aboutSubtitle{font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7a8190}.aboutAccentLine{flex:1;height:2px;border-radius:999px;max-width:3rem;background:linear-gradient(90deg,#3b82f6,#4fd587)}.aboutPara{font-size:.95rem;line-height:1.85;color:#4a5568;margin:0;text-align:left}.aboutPara--lead{font-size:1.08rem;font-weight:500;color:#0f172a;line-height:1.75}.aboutTagList{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.aboutTag{padding:.32rem .95rem;border-radius:999px;font-size:.78rem;font-weight:600;background:transparent;cursor:default;transition:all .25s ease;border:1.5px solid}.aboutTag:nth-child(4n+1){border-color:#60a5fa;color:#2563eb}.aboutTag:nth-child(4n+2){border-color:#4fd587;color:#15803d}.aboutTag:nth-child(4n+3){border-color:#f472b6;color:#be185d}.aboutTag:nth-child(4n){border-color:#fb923c;color:#c2410c}.aboutTag:hover{opacity:.75;transform:translateY(-2px)}.aboutCurrently{display:flex;align-items:baseline;gap:.6rem;padding:1rem 1.2rem;background:#ffffffb3;border-radius:.75rem;border:1px solid rgba(39,46,54,.08);border-left:3px solid #4fd587}.aboutCurrentlyLabel{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#15803d;white-space:nowrap;flex-shrink:0}.aboutCurrentlyText{font-size:.85rem;color:#6b7280;line-height:1.6}@media(max-width:900px){.aboutCard{grid-template-columns:1fr;gap:3rem}.aboutVisual{position:static;padding-left:0;flex-direction:row;align-items:flex-start;gap:1.5rem}.aboutRotatedLabel{display:none}.aboutPhotoWrap{width:140px;flex-shrink:0}.aboutMiniList{flex:1}}@media(max-width:560px){.aboutSection{padding:3rem 1.25rem 5rem}.aH1{font-size:clamp(2.8rem,14vw,5rem)}.aboutVisual{flex-direction:column}.aboutPhotoWrap{width:100%}.aboutCurrently{flex-direction:column;gap:.3rem}}.projectsSection{padding:5rem 2rem 7rem;background:#ececec;scroll-margin-top:90px}.projectsHeader{max-width:1100px;margin:0 auto 4rem}.projectsTitle{display:flex;flex-direction:column;line-height:.88;margin-bottom:1.5rem}.projH1{font-family:var(--font-heading);font-size:clamp(3.5rem,10vw,9rem);font-weight:900;letter-spacing:-.04em;margin:0;text-transform:uppercase}.projH1--outline{color:transparent;-webkit-text-stroke:2px #272e36}.projH1--filled{color:#272e36}.projectsLine{height:1.5px;background:#272e36;transform-origin:left center}.projectsList{display:flex;flex-direction:column;gap:5rem;max-width:1100px;margin:0 auto}.projectCard{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.projectCard:nth-child(2n){direction:rtl}.projectCard:nth-child(2n)>*{direction:ltr}.projectVisual{position:relative;aspect-ratio:4 / 3;border-radius:1.2rem;overflow:hidden;cursor:pointer}.projectNoise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-size:cover;pointer-events:none;z-index:1}.projectIndex{position:absolute;top:1rem;left:1.4rem;font-family:var(--font-heading);font-size:clamp(4rem,10vw,8rem);font-weight:900;opacity:.12;line-height:1;z-index:2;pointer-events:none;letter-spacing:-.05em}.projectShapes{position:absolute;inset:0;z-index:2;pointer-events:none}.shape-circle{position:absolute;width:140px;height:140px;border-radius:50%;border:1.5px solid;opacity:.25;bottom:15%;right:10%}.shape-ring{position:absolute;width:60px;height:60px;border-radius:50%;border:1px solid;opacity:.4;top:25%;right:20%}.shape-dot{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.7;top:30%;right:18%}.shape-square{position:absolute;width:100px;height:100px;border:1.5px solid;opacity:.2;bottom:20%;right:12%;transform:rotate(15deg)}.shape-line{position:absolute;width:80px;height:1.5px;opacity:.4;top:35%;right:15%;transform:rotate(-20deg)}.shape-cross{position:absolute;font-size:2rem;opacity:.3;top:22%;right:22%}.shape-cross:before{content:"✕"}.projectOverlay{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease;z-index:10}.projectVisual:hover .projectOverlay{opacity:1}.projectLinks{display:flex;flex-direction:column;gap:1rem;align-items:center}.projectLink{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.6rem;border-radius:999px;border:1.5px solid var(--accent, #fff);color:var(--accent, #fff);font-weight:600;font-size:.9rem;text-decoration:none;letter-spacing:.03em;transition:background .25s ease,color .25s ease}.projectLink:hover{background:var(--accent, #fff);color:#000}.projectContent{display:flex;flex-direction:column;gap:1.2rem}.projectMeta{display:flex;align-items:center;gap:.8rem}.projectSubtitle{font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7a8190}.projectAccentLine{flex:1;height:1.5px;border-radius:999px;max-width:3rem}.projectTitle{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#0f172a;margin:0;line-height:1.1;letter-spacing:-.02em}.projectDescription{font-size:.95rem;line-height:1.75;color:#4a5568;margin:0}.projectTags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.projectTag{padding:.3rem .85rem;border-radius:999px;border:1px solid rgba(39,46,54,.2);font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#4a5568;background:#fff9}@media(max-width:900px){.projectCard{grid-template-columns:1fr;gap:1.5rem}.projectCard:nth-child(2n){direction:ltr}.projectVisual{aspect-ratio:16 / 9}.projH1{font-size:clamp(2.5rem,12vw,5rem)}}@media(max-width:480px){.projectsSection{padding:3rem 1.25rem 5rem}.projectsList{gap:3.5rem}}.projectVisual:hover .projectScreenshot{transform:scale(1.03)}.projectFilters{max-width:1100px;margin:0 auto 3.5rem;display:flex;gap:.6rem}.filterBtn{padding:.5rem 1.4rem;border-radius:999px;border:1.5px solid rgba(39,46,54,.2);background:transparent;color:#7a8190;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;font-family:inherit}.filterBtn:hover{border-color:#272e36;color:#272e36}.filterBtn--active{background:#272e36;border-color:#272e36;color:#fff}.designSectionLabel{max-width:1100px;margin:4rem auto 2rem;display:flex;align-items:center;gap:1rem}.designSectionLabel span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9ca3af;white-space:nowrap}.designSectionLine{flex:1;height:1px;background:#272e361f}.designGrid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.designCard{display:flex;flex-direction:column;background:#fff;border-radius:1.2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.designCard:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001a}.designVisual{position:relative;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer}.designIndex{position:absolute;top:.9rem;left:1.1rem;font-family:var(--font-heading);font-size:3.5rem;font-weight:900;opacity:.12;line-height:1;z-index:2;pointer-events:none;letter-spacing:-.05em}.designContent{padding:1.4rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.designTitle{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em;line-height:1.2}.designDescription{font-size:.82rem;line-height:1.7;color:#6b7280;margin:0}.projectScreenshot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}.projectVisual:hover .projectScreenshot,.designVisual:hover .projectScreenshot{transform:scale(1.04)}.shape-triangle{position:absolute;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid;opacity:.2;bottom:20%;right:14%}@media(max-width:900px){.designGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.designGrid{grid-template-columns:1fr}.projectFilters{flex-wrap:wrap}}:root{--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--font-navbar: "Roboto Condensed", sans-serif;--font-loader: "Dosis", sans-serif;--font-fun: "Luckiest Guy", cursive;--font-impact: "Yanone Kaffeesatz", sans-serif}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-navbar{font-family:var(--font-navbar)}.font-loader{font-family:var(--font-loader)}.font-fun{font-family:var(--font-fun)}.font-impact{font-family:var(--font-impact)}.skillsContainer{background-color:#000;padding:3rem 5rem 5rem;height:fit-content;scroll-margin-top:100px}.skillsSection{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.skillsContainer h1{font-family:var(--font-heading);text-align:left;margin:0;font-size:clamp(2.5rem,10vw,7rem);font-weight:900;letter-spacing:-.03em;line-height:.9}.title{width:fit-content}#t1{color:#fff}#t2{background:linear-gradient(90deg,#3b82f6,#4fd587);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.buttonsContainer{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem;justify-content:center}.skillsButton{padding:.6rem 1.8rem;border-radius:999px;border:1.5px solid;font-size:.9rem;background:transparent;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.skillsButton:hover{transform:translateY(-2px);opacity:.85}.skillsButton.active{box-shadow:0 0 15px #ffffff26}.skillsContent{margin-top:3rem;display:flex;gap:1.5rem;list-style:none;padding:0 0 1rem;max-width:60rem;flex-wrap:wrap;justify-content:center;width:100%}.skillsCard{background:#ffffff14;border-radius:16px;padding:1.5rem 1.2rem;display:flex;min-height:8rem;min-width:14rem;box-shadow:inset 0 0 0 1px #ffffff14;transition:all .3s ease;flex-direction:row;justify-content:space-evenly;align-items:center}.skillsCard:hover{transform:translateY(-4px);background:#ffffff1f}.skillIcon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem;flex-shrink:0}.skillsCard p{color:#fff;font-size:1rem;font-weight:500;margin:0}#skillLevel{font-size:.8rem;color:#babfc8;font-weight:100;margin-top:.25rem}@media(max-width:768px){.skillsContainer{padding:3rem 1.5rem 4rem}.skillsButton{padding:.5rem 1.2rem;font-size:.82rem}.skillsCard{min-width:calc(50% - .75rem);flex:1}.skillsContent{gap:.75rem}}@media(max-width:480px){.skillsCard{min-width:100%;flex-direction:row;gap:1rem;justify-content:flex-start;padding:1.2rem 1rem;min-height:auto}}.floatingLangToggle{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.12em;box-shadow:0 4px 24px #00000014;transition:box-shadow .25s ease,transform .2s ease}.floatingLangToggle:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000024}.flt-active{color:#0f172a}.flt-inactive{color:#a1a8b3}.flt-divider{display:inline-block;width:1px;height:12px;background:#00000026;margin:0 .55rem}@media(max-width:768px){.floatingLangToggle{bottom:1.25rem;right:1.25rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}.oswald{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal}body,html{margin:0;padding:0;width:100%;min-height:100%;font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}#root{width:100%;min-height:100vh;text-align:center;background-color:#ececec;color:#272e36}.logo{height:4em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 1em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 1em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}