body {
  height: 100vh;
  display: flex;
  color: #fff;
}

* {
  border-radius: 2vh;
}

h1 {
  margin: 0;
  font-weight: bold;
  font-size: 7vh;
}

h2 {
  margin: 1.5vh 0 0 0;
  font-size: 3.5vh;
}

p {
  margin: 0.5em 0;
}

.dark-background {
  background-color: #2e2e2edd;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.d-none {
  display: none;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.flex-column {
  flex-direction: column;
  flex-wrap: nowrap;
}

.flex-grow {
  flex-grow: 1;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.btn {
  text-transform: none;
}

.heading {
  margin-top: 5vh;
  padding: 3vh 6vh;
}