@keyframes background_scroll {
  from { background-position: top left 0px; }
  to { background-position: top left 256px;}
}

@font-face {
  font-family: "fancy";
  src: url("Tangerine-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "fancy-bold";
  src: url("Tangerine-Bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


body {
  animation: background_scroll 10s infinite alternate ease-in-out;
  background-image: url('/background.png');
  background-size: 10%;
  color: black;
  font-family: Verdana;
}

.container{
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 1%;
  display: flex;
  justify-content: center;
  background-color: orange;
  border: 2px solid brown;
}