body {
  color: #fff;
  overflow: hidden;
}

header {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 999;
  top: 28px;
  left: 28px;
  right: 28px;
  height: 54px;
}

footer {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 999;
  bottom: 28px;
  left: 28px;
  right: 28px;
  height: 54px;
}

h1, h2 {
  font-size: 40px;
}

.card1 {
  background: #fafafa;
  color: #222;
}

.card2 {
  background: #DB2777;
}

.card3 {
  background: #059669;
}

.card4 {
  background: #D97706;
}

.inner {
  padding: 10%;
}