* {
  margin: auto;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
.container {
  border:  none;
  margin: auto;
  padding: 165px 0 124px;
  width: 100%;
  background-color: #00cccc;
  background-image: url(./assets/world.svg);
  background-repeat: no-repeat;
}
.flag {
  width: 80vmin;
  aspect-ratio: 70 / 45;
}

.flag.progress {
  background:
    conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg),
    linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);
}
.header {
  padding: 0px;
  position: relative;
  font-style: normal;
}
.header > p {
  margin: 16px 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
}
.header > h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
}
.header h3 {
  margin: 0;
  text-align: center;
  color: #ff9e40;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
.options {
}
.options > a {
  margin: 0px 8px;
  color: #ffffff;
  text-decoration: underline;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
}
.logo {
  margin-top: 75px;
}
.logo > img {
  width: 160px;
  height: 64px;
}
.learn-more > a > button {
  border:  none;
  background: #f6821f none repeat scroll 0% 50%;
  width: 180px;
  margin-top: 78px;
  height: 55px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}