body {
    font-family: 'Fira Sans', sans-serif;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
  }
  

  ol{
    justify-content: center;
  }

  li {
    list-style-type: none;
    text-align: center;

  }

  .cardStyle{
    background-color:rgb(107, 107, 107);
    border-radius:15px;
    margin: 5px -50px 5px 50px;
    cursor:pointer;

  }

  .currentWeather{
    text-align: center;
    background-color:rgb(107, 107, 107);
    font-size: 25px;
    color:#1a1a1a;
  }

  .weatherStyle{
    font-size:30px;
    height:53rem;
    background-color:rgb(107, 107, 107);
    border-radius:15px;
  }

  .currentWeatherCard{
    color:#1a1a1a;
    background-color:#7c8281;
    height:5rem;
    padding:24px;
  }

  .uviColor{
    justify-content: center;
  }

  .forecastCard{
    background-color:rgb(107, 107, 107);
    border-radius:15px;
    padding: 10px;
    margin: 5px;
  }