win.css

*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
  font-family: 'Star';
  src: url('./resources/fonts/Starjedi.ttf') format("truetype");
}

body {
	box-sizing: border-box;
	font-family: 'Star', sans-serif;
  background-image: url("resources/images/starback.jpg");
  color:#FFFF82;
}

.scoring-container {
  z-index: 50;
  letter-spacing: 0.1em;
  position: absolute;
  margin-left: 15px;
  display:  flex;
  flex-direction:  column;
}

#backBtnEnd {
  background: #FFFF82;
  color: black;
  font-family: 'Star', sans-serif;
  font-size: 15px;
  padding: 15px;
  outline: none;
  margin-top: 15px;
}

#backBtnEnd:active {
  box-shadow: inset 3px 3px 3px black;
  padding-top: 16px;
  padding-bottom: 14px;
}

#winpic {
	height: 300px;
	width: 400px; 
	background-image: url("resources/images/starwarswin.gif");
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
  margin-top: 100px;
  box-shadow: 0px 0px 40px 40px rgb(41, 41, 41);
}

p {
  text-align: center;
}

#board {
  transform: perspective(300px) rotateX(25deg);
  transform-origin: 50% 100%;
  text-align: justify;
  position: absolute;
  margin-left: -9em;
  font-weight: bold;
  overflow: hidden;
  font-size: 350%;
  height: 50em;
  width: 18em;
  bottom: 0;
  left: 50%;
  letter-spacing: 20px;
}

#board:after {
  position: absolute;
  content: ' ';
  bottom: 60%;
  left: 0;
  right: 0;
  top: 0;
}

#content {
  animation: scroll 100s linear 1s;
  position: absolute;
  top: 100%;
}

#title, #subtitle {
  text-align: center;
}

@keyframes scroll {
    0% {
        top: 100%;
    }
    100% {
        top: -170%;
    }
}