@font-face{font-family:Plus Jakarta Sans Bold;src:url(./assets/fonts/Bricolage_Grotesque/static/PlusJakartaSans-ExtraBold.ttf)}@font-face{font-family:Plus Jakarta Sans Medium;src:url(./assets/fonts/Bricolage_Grotesque/static/PlusJakartaSans-Medium.ttf)}:root{--red-500: hsl(1, 90%, 64%);--blue-950: hsl(219, 85%, 26%);--white: hsl(0, 100%, 100%);--navy-50: hsl(210, 60%, 98%);--blue-100: hsl(211, 68%, 94%);--navy-100: hsl(205, 33%, 90%);--gray-500: hsl(219, 14%, 63%);--gray-600: hsl(219, 12%, 42%);--navy-950: hsl(224, 21%, 14%)}html{font-size:16px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-family:Plus Jakarta Sans Medium,sans-serif;background-color:var(--neutral-900);color:var(--neutral-0);font-weight:400;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer;color:var(--neutral-0)}h2{margin-bottom:.5rem}img{max-inline-size:100%;block-size:auto;display:block}button{cursor:pointer;font-family:Plus Jakarta Sans Medium,sans-serif;font-size:.9rem}.transparent-btn{width:100%;background-color:transparent;border:0;color:var(--neutral-0);text-align:left;padding:.4rem;border-radius:.3rem}.transparent-btn:hover,.transparent-btn:focus{background-color:var(--neutral-600)}@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}