body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Linotte-Regular';
  src: local(Linotte-Regular), url("./media/font/Linotte-Regular.ttf");
}

@font-face {
  font-family: 'Linotte-Bold';
  src: local(Linotte-Bold), url("./media/font/Linotte-Bold.ttf");
}

@font-face {
  font-family: 'Linotte-Heavy';
  src: local(Linotte-Heavy), url("./media/font/Linotte-Heavy.ttf");
}

@font-face {
  font-family: 'UTM-ALTER-GOTHIC';
  src: local(UTM-ALTER-GOTHIC), url("./media/font/UTM-ALTER-GOTHIC.ttf");
}

.splash-screen {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f3f8;
  font-family: Linotte, Poppins, Helvetica, 'sans-serif';
}

.splash-screen img {
  margin-left: calc(100vw - 100%);
  margin-bottom: 30px;
}