@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
body {
  height: 100%;
  position: relative;
  font-family: "Roboto", sans-serif;
}

.nav-bar {
  height: 80px;
  background-color: aqua;
  position: sticky;
  width: 100%;
  top: 0;
}
.main-panel {
  height: 900px;
  background-color: blue;
}

h1 {
  margin-top: 0px;
  padding: 20px 0;
  padding-left: 20px;
  color: #fff;
}

h2 {
  font-size: 10rem;
  text-align: center;
  padding-top: 280px;
  margin-top: 0;
}
section:nth-child(1) div:nth-child(1) {
  background-color: #fd341e;
}

section:nth-child(1) div:nth-child(2) {
  background-color: #fff;
}

section:nth-child(2) div:nth-child(1) {
  background-color: #004583;
}
section:nth-child(2) div:nth-child(2) {
  background-color: #5cb7ff;
}

section:nth-child(3) div:nth-child(1) {
  background-color: #292925;
}
section:nth-child(3) div:nth-child(2) {
  background-color: #5f5951;
}

section:nth-child(4) div:nth-child(1) {
  background-color: #7c322a;
}
section:nth-child(4) div:nth-child(2) {
  background-color: #f13d29;
}