h {
  color: white;
}

body {
  background-color: #444;
  margin: 0px;
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 18px;
}

h2 {
  font-size: 23px;
  font-weight: 500;
  color: white;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 70px;
  padding-bottom: 70px;
  color: #777;
}
section > div {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #fa0;
  text-decoration: none;
}

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

img {
  max-width: 350px;
  opacity: 0.6;
}

.attention {
  color: rgb(255, 125, 49);
  font-weight: 400;
}

#s0 {
  background-color: #000;
}

#s0-1 {
  background: linear-gradient(180deg, #000, #444);
  padding-bottom: 10px;
}
#s0-1 > img {
  max-width: 250px;
}

#s1 {
  background-color: #444;
  color: #ccc;
}

#s1-2 {
  background: linear-gradient(180deg, #444, #231212);
}
#s1-2 > img {
  max-width: 350px;
}

#s2 {
  background-color: #231212;
  color: #ccc;
}

#s2-3 {
  background: linear-gradient(180deg, #231212, rgb(33, 54, 91));
}
#s2-3 > img {
  max-width: 300px;
}

#s3 {
  background-color: rgb(33, 54, 91);
  color: #ccc;
}

#s3-4 {
  background: linear-gradient(180deg, rgb(33, 54, 91), #253);
}
#s3-4 > img {
  max-width: 300px;
}

#s4 {
  background-color: #253;
  color: white;
}

#s4-5 {
  background: linear-gradient(180deg, #253, rgb(45, 45, 73));
}
#s4-5 > img {
  max-width: 310px;
}

#s5 {
  background-color: rgb(45, 45, 73);
  color: white;
}

#s5-6 {
  background: linear-gradient(180deg, rgb(45, 45, 73), rgb(85, 35, 58));
}
#s5-6 > img {
  max-width: 300px;
}

#s6 {
  background-color: rgb(85, 35, 58);
  color: #ccc;
}

#s6-7 {
  background: linear-gradient(180deg, rgb(85, 35, 58), rgb(34, 34, 34));
}
#s6-7 > img {
  max-width: 300px;
}

#s7 {
  background-color: rgb(34, 34, 34);
  color: white;
}

#s7-8 {
  background: linear-gradient(180deg, rgb(34, 34, 34), rgb(0, 0, 0));
}
#s7-8 > img {
  max-width: 300px;
}

#s8 {
  background-color: rgb(0, 0, 0);
  color: white;
}

h2 {
  margin: 0px;
  margin-bottom: 20px;
}

.bold {
  font-weight: 700;
}

button {
  border: 0px;
  padding: 10px 30px 10px 30px;
  margin: 20px;
  border-radius: 15px;
  font-size: 18px;
  font-weight: 400;
  width: 90%;
}

.button_orange {
  background-color: rgb(177, 88, 15);
  color: white;
}

.button_blue {
  background-color: rgb(65, 91, 134);
  color: white;
}

.button_green {
  background-color: rgb(51, 130, 80);
  color: white;
}/*# sourceMappingURL=style.css.map */