* {
  font-family: 'Roboto light', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  --color-background: #151e28;
  --color-green: #00ac6d;
  --color-white: #ffffff;
}

html, body {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: var(--color-background);
  color: var(--color-white);
}

main {
  margin: auto;
  width: 500px;
  padding: 20px;
}

section {
  padding: 8px 0;
}

a {
  color: var(--color-green);
}

.button {
  display: inline-block;
  cursor: pointer;
  border: 2px var(--color-green) solid;
  color: var(--color-green);
  background: none;
  border-radius: 25px;
  transition: all 0.2s ease-in-out;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin-top: 20px;
}

.button a {
  color: var(--color-green);
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  padding: 8px 25px;
  display: inline-block;
}

.button:hover {
  border-color: var(--color-white);
  color: var(--color-white);
  background-color: var(--color-green);
}

.button:hover a {
  color: var(--color-white);
}