body{
   font-family: "Josefin Sans", sans-serif;
   }



h1{
    color: #878787;
    font-size: 24px;
    font-weight: 100;
    line-height: 28px;
    margin-bottom: 0;
}

ul{
    margin:0;
    padding:0;
}
li{
    list-style: none;
     margin:0;
    padding:0;
        color: #878787;
    font-size: 16px;
    font-weight: 100;
    line-height: 21px;

}
li:first-letter {
  text-transform: capitalize;
}
.weather-app-wrapper{
 max-width: 600px;
    margin: 30px auto;
    }
.weather-app{

   padding: 20px;
   border: 1px solid #dadde1;
   border-radius: 5px;
   padding-bottom: 0px;
}
.overviev{
    margin-bottom: 20px;
}
.weather-temperature img{
    margin-right: 5px;
    height: 64px;
    width: 64px;
}
.weather-temperature strong {
    color: rgb(33,33,33);
    font-size: 65px;
    line-height: 1;
    font-weight: 400;
}
.weather-temperature .units{
    position: relative;
    font-size: 16px;
    top: -35px;
}
.weather-temperature .active{
color: rgb(33,33,33);
cursor: default;
}
.weather-temperature .active:hover{
    text-decoration: none;

}
a{
  text-decoration: none;  
  
}

small{
color: #878787;
margin-bottom: -30px;

}
.myName {
  color: rgb(194, 168, 188);
  font-weight: 400;
  padding-top: 10px;
}
.myName:hover {
  color: rgb(117, 71, 117);
}


.weather-forecast{
    margin-top: 5px;
    text-align: center;
    color: #000;
}
.weather-forecast-date{
    font-size: 16px;
    opacity: 0.6;
}
.weather-forecast-temp-min{
     opacity: 0.6;
}
.weather-forecast-temperatures{
    font-size: 13px;
}