* { box-sizing: border-box; }
body {
  margin: 0;
  color: #eee8ff;
  background: #080712;
  font: 16px/1.65 Arial, sans-serif;
}
main {
  width: min(860px, 92vw);
  margin: 40px auto;
  padding: 30px;
  border: 2px solid #514374;
  background: #17122b;
}
h1, h2 { color: #ffd166; }
a { color: #39e6d0; }
.notice {
  padding: 14px;
  border-left: 5px solid #ffd166;
  background: #2a2118;
}
nav { display: flex; gap: 16px; flex-wrap: wrap; }
small { color: #aaa2bd; }
@media (max-width: 600px) { main { margin: 0; width: 100%; padding: 20px; border: 0; } }