:root{--background-color: #1b1b1b;--text-color: #f6f3e7;--secondary-text-color: #e09f3e;--header-bg-color: #5a1f1f;--link-color: #e36414;--link-hover-color: #f4a261;--card-bg-color: #262626;--card-border-color: #9c6644;--box-shadow-color: rgba(0, 0, 0, .5);--divider-color: #9c6644}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--background-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{display:flex;justify-content:center;align-items:flex-start;font-size:16px;line-height:2;padding:0}.container{max-width:1200px;width:100%;padding:.5em;margin-top:3em}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--header-bg-color);border-bottom:3px solid var(--card-border-color);z-index:1000;height:3em}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}a:visited{color:var(--link-color)}.card{background-color:var(--card-bg-color);border:3px solid var(--card-border-color);border-radius:12px;padding:1em;margin:.5em;color:var(--text-color);text-align:center;flex:1 1 30%;box-shadow:0 4px 8px var(--box-shadow-color)}.row1,.row2{width:100%;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;justify-content:center}