@font-face {
    font-family: "sofitel";
    src: url("../fonts/sofitel.otf");
   }

body {
    font-family: "sofitel", sans-serif !important;
}

/* stickers sport */

.stickers-sport {
    color: white;
    background-color: none;
}

/* weather */

.weather-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.weather-top .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.3rem;
}

.weather-top .right {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    padding: 0.3rem;
}

.weather-top .right .current-icon {
    width: 100px;
}

.current-temp {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.weather-bottom {
    display: flex;
    max-width: 100vh;
    justify-content: space-between;
    padding: 0.3rem;
}

.hourly-icon {
    width: 50px;
}

.weather-bottom .weather-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100vh;
}

.zoom {
    animation: scale 50s linear infinite;
  }
    
  @keyframes scale {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }