body {
  background: #e6f1f7;
}
/* New York */
h4 {
  color: #2b4353;
  display: inline-block;
  font-size: 60px;
  padding: 5px;
}
/* Date, time, and details */
h5 {
  color: #2b4353;
  font-size: 18px;
  line-height: 28px;
  padding: 0px 30px 50px;
  list-style: none;
}

/* 30 - Big temp*/
h6 {
  bottom: 90px;
  color: #e8630a;
  display: block;
  font-size: 70px;
  position: absolute;
  right: 335px;
  text-align: right;
}

img.main-image {
  bottom: 90px;
  position: absolute;
  right: 420px;
  text-align: right;
  margin: 0 auto;
  display: block;
  font-size: 80px;
}

footer {
  padding: 15px;
  text-align: center;
}

li {
  list-style: none;
}
/* Current Location button */
.btn-light-search-current {
  background-color: #2b4353;
  border: transparent;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  color: white;
  display: inline-block;
  font-size: 16px;
  margin: 0 2px;
  padding: 9px 5px;
  position: relative;
  transition: all 220ms ease-in-out;
}
/* Search button */
.btn-light-search {
  background-color: #2b4353;
  border: transparent;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  color: white;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
  margin-right: 0;
  padding: 9px 40px;
  position: relative;
  transition: all 220ms ease-in-out;
}

button:hover {
  cursor: pointer;
  opacity: 0.88;
}
/* Days of the week cards -temp */
.card {
  text-align: center;
  padding: 5px 9px;
  margin: 15px;
  font-size: 18px;
  color: #2b4353;
}
/* Days of the week name -day */
.card-title {
  color: #e8630a;
  font-size: 19px;
  padding-bottom: 4px;
}
/* Everything in body*/
.container {
  background: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
  border-style: hidden;
  border-radius: 30px;
  box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, 0.2);
  height: 180%;
  max-width: 93%;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-top: 40px;
}
/* Bar where you search city */
.form-group {
  display: block;
  margin-left: 100px;
  position: relative;
  top: 6px;
}

.today-weather {
  display: block;
  margin: 0 auto;
  font-weight: bold;
  font-size: 70px;
  position: relative;
  top: 40px;
  bottom: 20px;
  left: 100px;
}

/* Celsius & Fahrenheit next to temp */
.units {
  bottom: 120px;
  position: absolute;
  right: 255px;
  font-size: 25px;
  color: #e8630a;
  text-decoration: none;
}

.active {
  color: #e8630a;
  cursor: default;
}

.weather-forecast {
  color: #2b4353;
}

a:link {
  text-decoration: none;
}

li:first-letter {
  text-transform: capitalize;
}