:root {
  --bg: #1C1A27;
  --bg2: #2F3A4C;
  --text: #CDCADC;
  --border: #3E5D71;
  --link: #6AABAB;
}

* {
  font-family: system-ui, -apple-system, sans-serif;
}

a, a:visited {
  color: var(--link);
  font-size: 24px;
}

section {
  width: 100%;
  height: 100vh;
  
  display: grid;
  place-content: center;
  gap: 1rem;
  
  background-color: var(--bg);
  color: var(--text);
  
  text-align: center;
}

.card {
  border: 1px solid var(--border);
  border-radius: 0.8rem;
  padding: 2rem 4rem;
  transition: ease-in-out 150ms;
  
  user-select: none;
  
  &:hover {
    box-shadow: 0 0 3rem var(--border);
  }
}