body {
  width: 800px;
  display: block;
  margin: 0 auto;
  font-family: "Josefin Sans", sans-serif;
}

p {
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  color: #10171a;
  margin-left: 20px;
  position: relative;
  bottom: 170px;
  color: #292841;
}

svg {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 90px;
  left: 142px;
}

i {
  color: #05dabd;
}

h3 {
  font-size: 25px;
  font-weight: bold;
  margin-left: 10px;
}

.container {
  display: block;
  text-align: center;
  border: thick;
  border-radius: 30px;
  padding: 30px;
  margin: 20px;
  background-image: linear-gradient(15deg, #225770 0%, #5fb1a7 100%);
}

.enter-city {
  text-align: right;
  position: relative;
  top: 20px;
  right: 20px;
  padding: 5px;
}

.current-city h1 {
  font-size: 40px;
  font-weight: 600;
  text-align: left;
  position: relative;
  left: 20px;
  bottom: 180px;
  color: #292841;
}

.first-left-line {
  width: 260px;
  color: #3e6069;
  background-color: #3e6069;
  height: 2px;
  position: relative;
  bottom: 190px;
  left: 8px;
}

.update {
  text-align: right;
  font-size: 18px;
  font-weight: 500;
  font-style: oblique;
  padding: 5px;
  position: relative;
  top: -5;
  right: 18px;
  color: #292841;
}

.bottom-group {
  text-align: center;
  margin: 30px 0px 12px 0px;
  padding-top: 30px;
  font-size: 22px;
  font-weight: 600;
}

.long-middle-line {
  background-color: #292841;
  color: #292841;
  height: 2px;
  margin: 32px;
}

.daily-hours {
  text-align: center;
  margin: 10px 10px 12px -5px;
  padding-top: 10px;
}

.weekday-temp {
  font-size: 21px;
  font-weight: bold;
  margin-left: 14px;
}

.gitHub-link {
  text-align: left;
  position: relative;
  left: 30px;
  bottom: 20px;
  font-weight: 500;
}

.main-icon {
  margin: -20px;
}

.current-weather-info .active {
  color: #10171a;
  cursor: default;
}

.current-weather-info .active:hover {
  text-decoration: none;
}