html,body {
  margin: 0;
  padding: 0;
  margin-bottom: 80px;
}

li {
  list-style-type: none;
}

header {
  z-index: 999;
  position: sticky;
  top: 0;
  background-color: aliceblue;
  text-align: center;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: aliceblue;
}

.event_preparing {
  color: green;
}

.event_actual {
  color:black;
}

.event_ended {
  color: gray;
}

.event_canceled {
  color: gray;
}

.card_field_title {
  font-size: small;
  color: gray;
}

.days_before_start_hdr {
  font-size: small;
}

.city_emblem {
  width: 32px;
  height: auto;
}