* {
  box-sizing: border-box;
}
:root {
  --accent: hotpink;

  font-size: 16px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  
  line-height: 1.4;
}
body {
  padding: 0;
  margin: 0;
  width: 100dvw;
  max-width: 100dvw;
  min-height: 100dvh;
}
header, footer {
  height: 120px;
  display: flex;
  justify-content: center;
}
main {
  min-height: 50dvh;
  padding: 36px;
}
section {
  margin: 24px 0;
}
code {
  text-align: left;
  background-color: black;
  color: yellow;
  padding: 2em;
  border-radius: 1em;
}
a {
  color: var(--accent);
}
a:visited {
  color: var(--accent);
}