@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");
html, body {
font-family: "Nunito", sans-serif;
background-color: #1B1D26;
color: #e6e6e6;
padding: 0;
margin: 0;
font-size: 18px;
}

  body {
min-height: 100vh;
display: flex;
}

  h1 {
margin: 0;
}

  header {
font-size: 24px;
}
  header h1 {
font-size: 2.5em;
}

  footer a {
text-decoration: none;
padding: 0 8px;
}

  main {
margin: auto;
position: relative;
}
  @media screen and (min-width: 1000px) {
     main {
     padding: 128px 20%;
}
}
  @media screen and (max-width: 1000px) {
     main {
     padding: 16px;
}
}

  a {
color: #e6e6e6;
transition: 0.5s;
}
  a:hover {
color: #cccccc;
transition: 0.25s;
}

  .actions {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px;
margin: auto;
}
  @media screen and (min-width: 1000px) {
     .actions {
     margin: 128px auto;
}
}