* {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: lemonmilk;
  src: url(assets/lemonmilk.otf);
}

body {
  background-image: url(assets/bg.jpeg);
  background-repeat: no-repeat;
  overflow: hidden;

}


.container-datum {
  display: flex;
  justify-content: center;
}

.container-datum a {
  text-decoration: none;
}

.txt-datum {
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 3vw;
  font-weight: bold;
  font-family: lemonmilk;
  padding-top: 12%;
  text-shadow: 5px 5px black;
}

.txt-tid {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15%;
  color: white;
  font-size: 3vw;
  font-family: lemonmilk;
  font-weight: bold;
  text-shadow: 5px 5px black;
}

.fa-snowflake {
  color: white;
  position: absolute;
  top: -20px;
  animation: fall linear forwards;
  z-index: -1;

}

@keyframes fall {
  to {
    transform: translateY(105vh);
  }
}