html,body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#282d35}div#root{width:550px;height:600px;background-color:#282d35;border-radius:1rem;overflow:hidden;margin:auto;transform:translateY(20%);box-shadow:0 4px 12px #00000040}nav{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 1.65rem;background-color:#21222a;color:#deebf8}.nav-branding{display:flex;gap:.5rem;color:#61dafb;align-items:center}.nav-branding h4{font-size:22.25px;margin:0}.nav-items h5{font-size:16px;font-weight:500;margin:0}main{color:#fff;padding:1.8rem 1.65rem;background-image:url(/reactjs-icon%202.png);background-repeat:no-repeat;background-position:right 80%}main h1{margin:1.8rem 0;font-size:39px;letter-spacing:-.05em}main ul{padding-left:2rem;line-height:20px;max-width:400px}main li{align-content:center;font-size:16px;margin:18px 0;line-height:1.35rem}main li::marker{color:#61dafb;font-size:1.5rem}