body { 
    background-image: url("./img/link-in-castle.png");
    background-size: cover;
    margin:0px;
    padding:0px
  }
  @font-face {
  font-family: 'HyliaSerif';
  src: url('../fonts/HyliaSerif.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'HyliaSerif', serif;
}

h1, h2 {
  font-family: 'HyliaSerif', serif;
}
p {
  font-size: 30px;
}
#title {
    display: flex;
    justify-content: center;
    font-size: 60px;
    background-color: #8E3A72;
    width: 100%;
    height: 110px;
    margin-top:0;
    color: black;
}
#impa {
  position: relative;
  display: flex;
  width: 20%;
  left: 15%;
}
#ganon {
  position: relative;
  display: flex;
  left: 60%;
  bottom: 550px;
  width: 30%
}
#goed {
  position: relative;
  margin-left: 4%;
  top: -550px;
}
#slecht {
  float: right;
  margin-top: -37.5%;
  margin-right: 4%;
}