:root[data-theme=light]{--text-50: #edf0f7;--text-100: #dbe0f0;--text-200: #b8c2e0;--text-300: #94a3d1;--text-400: #7085c2;--text-500: #4d66b3;--text-600: #3d528f;--text-700: #2e3d6b;--text-800: #1f2947;--text-900: #0f1424;--text-950: #080a12;--background-50: #edf0f7;--background-100: #dbe0f0;--background-200: #b8c2e0;--background-300: #94a3d1;--background-400: #7085c2;--background-500: #4d66b3;--background-600: #3d528f;--background-700: #2e3d6b;--background-800: #1f2947;--background-900: #0f1424;--background-950: #080a12;--primary-50: #ebf1fa;--primary-100: #d7e3f4;--primary-200: #afc7e9;--primary-300: #87abde;--primary-400: #5f8fd3;--primary-500: #3773c8;--primary-600: #2c5ca0;--primary-700: #214578;--primary-800: #162e50;--primary-900: #0b1728;--primary-950: #050c14;--secondary-50: #e9f1fc;--secondary-100: #d3e2f8;--secondary-200: #a7c6f1;--secondary-300: #7ba9ea;--secondary-400: #4f8de3;--secondary-500: #2270dd;--secondary-600: #1c5ab0;--secondary-700: #154384;--secondary-800: #0e2d58;--secondary-900: #07162c;--secondary-950: #030b16;--accent-50: #e7f0fd;--accent-100: #d0e2fb;--accent-200: #a1c5f7;--accent-300: #71a8f4;--accent-400: #428bf0;--accent-500: #136dec;--accent-600: #0f58bd;--accent-700: #0b428e;--accent-800: #082c5e;--accent-900: #04162f;--accent-950: #020b18}:root[data-theme=dark]{--text-50: #080a12;--text-100: #0f1424;--text-200: #1f2947;--text-300: #2e3d6b;--text-400: #3d528f;--text-500: #4d66b3;--text-600: #7085c2;--text-700: #94a3d1;--text-800: #b8c2e0;--text-900: #dbe0f0;--text-950: #edf0f7;--background-50: #080a12;--background-100: #0f1424;--background-200: #1f2947;--background-300: #2e3d6b;--background-400: #3d528f;--background-500: #4d66b3;--background-600: #7085c2;--background-700: #94a3d1;--background-800: #b8c2e0;--background-900: #dbe0f0;--background-950: #edf0f7;--primary-50: #050c14;--primary-100: #0b1728;--primary-200: #162e50;--primary-300: #214578;--primary-400: #2c5ca0;--primary-500: #3773c8;--primary-600: #5f8fd3;--primary-700: #87abde;--primary-800: #afc7e9;--primary-900: #d7e3f4;--primary-950: #ebf1fa;--secondary-50: #030b16;--secondary-100: #07162c;--secondary-200: #0e2d58;--secondary-300: #154384;--secondary-400: #1c5ab0;--secondary-500: #2270dd;--secondary-600: #4f8de3;--secondary-700: #7ba9ea;--secondary-800: #a7c6f1;--secondary-900: #d3e2f8;--secondary-950: #e9f1fc;--accent-50: #020b18;--accent-100: #04162f;--accent-200: #082c5e;--accent-300: #0b428e;--accent-400: #0f58bd;--accent-500: #136dec;--accent-600: #428bf0;--accent-700: #71a8f4;--accent-800: #a1c5f7;--accent-900: #d0e2fb;--accent-950: #e7f0fd}header{display:flex;align-items:center;justify-content:center;padding:20px;nav{ul{display:flex;align-items:center;gap:10px;list-style:none;background-color:var(--primary-500);border-radius:60px;max-width:100%;padding:10px;li{text-align:center;a{display:block;padding:10px 20px;color:var(--text-900);border-radius:60px;text-decoration:none;transition:background-color .3s;text-wrap:nowrap;&:hover{background-color:var(--secondary-300)}&[aria-current=page]{background-color:var(--primary-200)}}@media(width<=550px){width:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media(width<=550px){flex-direction:column;gap:0;width:100%;border-radius:2rem}}@media(width<=550px){width:100%}}}main{flex:1;width:1000px;max-width:calc(100% - 2rem);padding:2rem;margin-inline:auto;margin-block-start:5rem;border:1px solid var(--accent-700);border-radius:2rem;h1{text-align:center;margin-block-end:2rem}.content{margin-block-start:2rem}p{margin-block:1rem}ul{margin-block:1rem;li{margin:.25rem 2rem}}@media(width<=550px){margin-block-start:0}}footer{display:flex;align-items:center;justify-content:center;padding:20px;p{background-color:var(--primary-500);padding:10px 20px;border-radius:60px}}*{margin:0;padding:0;box-sizing:border-box;outline:none}body{min-height:100vh;min-height:100svh;background-color:var(--background-50);color:var(--text-900);font-family:JetBrains Mono,Courier New,Courier,monospace;display:flex;align-items:stretch;justify-content:space-between;flex-direction:column}a{color:var(--primary-500)}