body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0;
  background-color: #1e1f29;
  transition: all 0.2s;
}

header {
  padding: 20px;
  color: #333;
  max-width: 100%;
}

main,
footer {
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
}

a:link,
a:visited {
  color: #eee;
  transition: all 0.3s ease-out;
}

a:hover {
  color: #bd93f9;
}

h1 {
  color: #8833a4;
  font-size: 256px;
  line-height: 256px;
  font-weight: 600;
  hyphens: auto;
}

h2 {
  color: #8833a4;
  font-size: 36px;
  line-height: 56px;
  font-weight: 600;
}

h3,
h4 {
  color: #bd93f9;
  font-weight: 400;
}

.content {
  padding: 20px;
}

.logo {
  margin-bottom: 40px;
}

.address {
  color: #cccccc;
  font-size: 13px;
  line-height: 20px;
}