@font-face{font-family:Noto Sans Bold;src:url(/assets/NotoSans-Bold-BTRCuqCj.ttf)}@font-face{font-family:Noto Sans Medium;src:url(/assets/NotoSans-Medium-BX6xEgvr.ttf)}@font-face{font-family:Noto Sans Regular;src:url(/assets/NotoSans-Regular-D96CXwz4.ttf)}:root{font-family:Noto Sans Regular;--neutral-900: hsl(227, 75%, 14%);--neutral-800: hsl(226, 25%, 17%);--neutral-700: hsl(225, 23%, 24%);--neutral-600: hsl(226, 11%, 37%);--neutral-300: hsl(0, 0%, 78%);--neutral-200: hsl(217, 61%, 90%);--neutral-100: hsl(0, 0%, 93%);--neutral-0: hsl(200, 60%, 99%);--red-400: hsl(3, 86%, 64%);--red-500: hsl(3, 71%, 56%);--red-700: hsl(3, 77%, 44%);--light-gradient: linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--dark-gradient: linear-gradient(180deg, #040918 0%, #091540 100%)}html{font-size:16px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{min-height:100vh;font-family:Noto Sans Regular,sans-serif;color:var(--neutral-900);font-weight:400;background-image:var(--light-gradient);background-repeat:no-repeat;background-size:cover}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer}img{max-inline-size:100%;block-size:auto}button{cursor:pointer;font-family:Noto Sans Bold,sans-serif;font-size:1rem}.wide-btn{border:0;height:2.5rem;border-radius:2rem;padding:.5rem 1rem}.wide-btn:hover{background-color:var(--red-400);color:var(--neutral-0);outline:0}.wide-btn:focus{background-color:var(--red-400);color:var(--neutral-0);outline:0}.round-btn{background-color:transparent;width:1.5rem;height:1.5rem;border:.15rem solid var(--neutral-900);border-radius:50%;color:var(--neutral-900);display:flex;flex-direction:row;align-items:center;justify-content:center}.round-btn:hover,.round-btn:focus{background-color:var(--red-400)}@media(prefers-reduced-motion:no-preference){a,button{transition:all .3s ease-out}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #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}