@font-face {
  font-family: "Trickster-Regular";
 src: url("Trickster-Regular.woff2");
}

html{
    font-family: "Trickster-Regular";
    background-color: black;
}

p{
  border: 10px groove antiquewhite;
  width: 500px;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a{
  padding: 10px;
  color: yellow;
}
a:hover{
  color: red;
  filter: drop-shadow(3px 3px 12px red);
}

nav{
  width: 800px;
}
li{
  display: inline-grid;
}

img{
  width: 50%;
}

#bwd{
  position: fixed;
  left: 10px;
  bottom: 10px;
}
#fwd{
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.question{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
}
.nom{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}

.image{
  display: none;
  width: 20%:
}

/*.p1{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
}
.nom{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}
.myImg{
  display: none;
  width: 1000px;
}

.p2{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
}
.nom2{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}
.myImg2{
  display: none;
  width: 1000px;
}

.p3{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
}
.nom3{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}
.myImg3{
  display: none;
  width: 1000px;
}

.nom4{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}
.p4{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
}
.myImg4{
  display: none;
  width: 1000px;
}

.nom5{
  border: 10px groove antiquewhite;
  background-color: white;
  font-size: 30px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  position: relative;
  width: auto;
}
.p5{
  border: 10px groove antiquewhite;
  width: auto;
  height: auto;
  background-color: white;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  margin: auto;
  display: none;
  position: relative;
}
.myImg5{
  display: none;
  width: 1000px;
}*/