:root { color-scheme:light dark; --light-bg-color: #fafafa; --light-fg-color: rgba(0, 0, 0, 0.8); --light-nav-bg-color: #ffffff; --light-nav-fg-color: rgba(0, 0, 0, 0.8); --light-nav-border-color: rgba(0, 0, 0, 0.8); --light-nav-backdrop-color: #fafafa; --light-nav-shade-color: rgba(0, 0, 0, 0.12); --light-nav-darker-shade-color: rgba(0, 0, 0, 0.12); --light-card-bg-color: #ffffff; --light-card-fg-color: rgba(0, 0, 0, 0.8); --light-card-shade-color: rgba(0, 0, 0, 0.20); --dark-bg-color: #242424; --dark-fg-color: #ffffff; --dark-nav-bg-color: #303030; --dark-nav-fg-color: #ffffff; --dark-nav-border-color: #ffffff; --dark-nav-backdrop-color: #242424; --dark-nav-shade-color: rgba(0, 0, 0, 0.36); --dark-nav-darker-shade-color: rgba(0, 0, 0, 0.9); --dark-card-bg-color: rgba(255, 255, 255, 0.08); --dark-card-fg-color: #ffffff; --dark-card-shade-color: rgba(0, 0, 0, 0.36) } @font-face { font-family: Inter; font-weight: 400 800; src: url("../fonts/Inter-VariableFont.ttf"); } * { font-family: Inter; font-weight: 500; } html, body { margin: 0; padding: 0; box-sizing: border-box; background-color: light-dark(var(--light-bg-color),var(--dark-bg-color)); } h1, h2, h3, h4, h5, h6 { font-weight: 800; margin: 0; padding: 0; } hr { width: 100%; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } code { font-family: 'Courier New', Courier, monospace; background-color: light-dark(var(--light-nav-backdrop-color), var(--dark-nav-backdrop-color)); padding: 5px; border-radius: 5px; } .container { display: flex; align-items: center; justify-content: center; height: 100vh; } .content { display: grid; gap: 1rem; color: light-dark(var(--light-card-fg-color),var(--dark-card-fg-color)); background-color: light-dark(var(--light-card-bg-color),var(--dark-card-bg-color)); box-shadow: 0px 0px 100px 0 light-dark(var(--light-card-shade-color),var(--dark-card-shade-color)); margin: 1.5rem; padding: 3rem; border-radius: 1.5rem; } #content_header_section { display: grid; gap: 1rem; justify-items: center; } #content_files_section, #content_limit_section { display: grid; } .content h1 { font-size: calc(45px + 0.5vw); }