.flex {
  display: flex; }
  .flex--center {
    justify-content: center;
    align-items: center; }
  .flex--column {
    flex-direction: column; }

html, body {
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  margin: 0;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 17px; }

section {
  box-sizing: border-box;
  padding: 20px;
  min-height: 100%; }

.logo {
  max-width: 100px; }

p {
  color: white;
  margin: 0; }

.spacer--top {
  margin-top: 40px; }

.spacer--bottom {
  margin-bottom: 40px; }

.links {
  gap: 20px; }
  .links__item {
    color: white;
    opacity: 0.5;
    transition: opacity 0.5s ease;
    text-decoration: none; }
    .links__item:hover, .links__item:focus {
      opacity: 1; }