body { 
    background-image: url("img/power-ups.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;
  width: 100vw;
}

h1, h2 {
  font-family: 'HyliaSerif', serif;
}
h1 {
  font-size: 40px;
}
p{
  font-size: 30px;
}
#title {
    display: flex;
    justify-content: center;
    font-size: 60px;
    background-color: #4ABEDB;
    width: 100%;
    height: 120px;
    margin-top:0;

}
#revali-name {
  position: relative;
  margin-top: 40%;
  left: 8%;
}
#revali-info {
  position: relative;
  right: -2%;
}
#Urbosa-name {
  position: relative;
  left: 33%;
  margin-top: -40%;
}
#urbosa-info {
  position: relative;
  left: 25%;
}
#daruk-name {
  position: relative;
  left: 50%;
  margin-top: 18.5%;
}
#daruk-info {
  position: relative;
  left: 48%;
}
#mipha-name {
  position: relative;
  right: -80%;
  margin-top: -45%;
}
#mipha-info {
  position: relative;
  right: -70%;
  margin-top: -1%;
}