pl063/weather-station

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;600&family=Overpass+Mono:wght@500&family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luxurious+Roman&family=Neucha&family=Roboto+Condensed:ital,wght@0,400;1,300&family=Roboto+Slab&display=swap');

.dash {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3%;
    height: 100%;
  }
  
  #current_state {
    display: flex;
    font-family: 'Comfortaa', sans-serif;
    font-weight: 600;
    flex-direction: column;
    gap: 1rem;
    flex-basis: max-content;
    width: 150%;
    height: 250%;
    background-color: rgba(51, 199, 187, 0.454);
    box-shadow: 0 0.01rem 0.2rem black;
    margin-top: 10%;
    border-radius: 1rem;
  }

  span{
    display: flex;
    width: 80%;
    margin-top: -3%;
    justify-content: flex-end;
  }

  img{
    height: 5rem;
  }

  .current_time {
    display: flex;
    flex-direction: column;
    margin-top: 1%;
    margin-left: 1%;
  }

  #time {
    font-size: 3rem;
 
  }

  #date {
    font-size: 1.5rem;
  
  }

  .params {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  
  }

  .result {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 5rem;

  }

  .r {
    font-size: 2rem;
  
  }

  h1 {
    font-family: 'Comfortaa';
    font-size: 2.5rem;
  }

  .name {
    font-weight: 600;
  }