.logo{height:6em;padding:1.5em;will-change:filter;animation:logo-spin infinite 20s linear;transition:filter .3s}.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}}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}body{margin:0;transition:background-color .5s,color .5s}.container{display:flex;flex-direction:column;position:absolute;max-width:600px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0000001a}nav{display:flex;align-items:center;background-color:#fff;padding:30px 25px;height:60px;box-shadow:0 1px 4px #00000040;z-index:1}nav.dark{background-color:#21222a}.nav--logo_icon{width:30px;margin-right:10px}.nav--logo_text{color:#61dafb;margin-right:auto}.nav--title{color:#deebf8}.toggler{display:flex;align-items:center}.toggler p{font-size:.625rem;font-weight:600}.toggler--slider{width:25px;height:13px;background-color:#2b283a;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;border:1px solid black;box-sizing:content-box}nav.dark .toggler--slider{border-color:#fff;background-color:#f5f5f5}.toggler--slider--circle{height:13px;width:13px;background-color:#fff;border-radius:50%}nav.dark .toggler--slider--circle{background-color:#000}.toggler--light{color:#2b283a}nav.dark .toggler--light{color:#918e9b}.toggler--dark{color:#d5d4d8}nav.dark .toggler-dark{color:#fff}nav.dark .toggler--slider{justify-content:flex-end}main{padding:57px 27px;background-image:url(/assets/react-icon-light-DysP8GM1.png);background-repeat:no-repeat;background-position:right center;flex:1 1 auto;background-color:#fff;color:#2b283a}main.dark{background-image:url(/assets/react-icon-dark-BOaTmFsq.png);background-color:#282d35;color:#fff}.main--title{margin:0;font-size:39px;letter-spacing:-.05em}.main--facts{margin-top:46px;max-width:400px}.main--facts>li{line-height:19px;padding-block:10px}.main--facts>li::marker{font-size:1.4rem;color:#61dafb}:root{font-family:Inter,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}