.dark {
  height: 80px;
  width:640px;
  margin: 0 auto;
  color: #fff;
  background: -webkit-linear-gradient(110deg, #383838 10%, rgba(0, 0, 0, 0) 10%),
    -webkit-linear-gradient(110deg, #515151 90%, #383838 90%);
  background: -o-linear-gradient(110deg, #383838 10%, rgba(0, 0, 0, 0) 10%),
    -o-linear-gradient(110deg, #515151 90%, #383838 90%);
  background: -moz-linear-gradient(110deg, #383838 10%, rgba(0, 0, 0, 0) 10%),
    -moz-linear-gradient(110deg, #515151 90%, #383838 90%);
  background: linear-gradient(110deg, #383838 10%, rgba(0, 0, 0, 0) 10%),
    linear-gradient(110deg, #515151 90%, #383838 90%);
}

.light {
  height: 80px;
  width:640px;
  margin: 0 auto;
  color: #3c3c3c;
  border-radius: 50px;
  background: -webkit-linear-gradient(110deg,rgb(240, 240, 240) 6%,rgba(0, 0, 0, 0) 6%),
    -webkit-linear-gradient(110deg, #fff 91%, rgb(240, 240, 240) 91%);
  background: -o-linear-gradient(110deg,rgb(240, 240, 240) 6%,rgba(0, 0, 0, 0) 6%),
    -o-linear-gradient(110deg, #fff 91%, rgb(240, 240, 240) 91%);
  background: -moz-linear-gradient(110deg,rgb(240, 240, 240) 6%,rgba(0, 0, 0, 0) 6%),
    -moz-linear-gradient(110deg, #fff 91%, rgb(240, 240, 240) 91%);
  background: linear-gradient(110deg,rgb(240, 240, 240) 6%,rgba(0, 0, 0, 0) 6%),
    linear-gradient(110deg, #fff 91%, rgb(240, 240, 240) 91%);
}

.text {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-box {
  padding-top: 0.6rem;
}
.dark .text-box {
  margin-left: 11%;
}
.light .text-box {
  margin-left: 7%;
}

.hr {
  margin: 20px 0;
}

h1{
  text-align:center;
  text-shadow:1px 1px 1px #ccc;
}
body {
  background:rgb(250, 115, 73);
}