body {
  margin: 0px;
  font-family: spotify-circular, Helvetica, Arial, sans-serif;
  color: white;
}

nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: black;
  height: 80px;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  color: #1ed760;
}

.nav-items {
  padding: 28px 17px;
  font-weight: 700;
}

main {
  height: 968px;
  background-color: #2941ab;
  background-image: url(https://www-growth.scdn.co/static/home/bursts.svg);
  background-size: 175%;
  background-position: 46% 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1ed760;
}

.headline {
  font-size: 156px;
  font-weight: 900;
  position: relative;
  left: 225px;
  padding-bottom: 40px;
}

.headline-first {
  position: relative;
  left: -2.5em;
}

.sub-headline {
  text-align: center;
  font-size: 18px;
  padding-bottom: 40px;
}

.button-area {
  text-align: center;
}

button {
  padding: 14px 32px;
  border-radius: 500px;
  background-color: #1ed760;
  font-size: inherit;
  color: #2941ab;
  font-weight: 700;
  border: none;
}

button:hover {
  transform: scale(1.1);
}

footer {
  height: 530px;
  background-color: black;
  display: flex;
  justify-content: center;
}

.container {
  max-width: 1170px;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 50px;
}

.footer-menu {
  display: flex;
  justify-content: space-between;
  height: 346px;
}

.first-box {
  width: 60%;
  display: flex;
  justify-content: space-between;
}

.column {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

.sub-title {
  color: #919496;
  font-weight: 900;
  margin: 20px 0px;
}

.footer-menu-item {
  padding-bottom: 15px;
  padding-top: 3px;
  font-size: 16px;
}

.second-box {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}

.icon-box {
  width: 54px;
  height: 54px;
  background-color: #222322;
  border-radius: 50%;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon {
  font-size: 24px;
}

.icon:hover {
  color: #2de26d;
}

.first-line {
  font-size: 12px;
  color: #919496;
  display: flex;
  justify-content: flex-end;
}

.second-line {
  color: #919496;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.second-line-item {
  margin-right: 24px;
  color: #919496;
}