@import url('https://fonts.googleapis.com/css2?family=Mystery+Quest&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Loop&display=swap');
ul {
list-style-type: none;
font-family: 'mystery quest', arial;
font-size: 150%;
text-align: right;
}
a {
  color:#DDDDBB;
  transition: 0.6s;
  border-radius: 7%;
  padding: 1%;
}
a:hover {
  background-color: #99AA99;
  color: #111133;
}
li {
  display: inline;
  margin-right: 2.5%;
}
li:hover {
  box-shadow: 5px, 5px, 5px;
  color: #111133;
  list-style-type: none;
  font-family:'mystery quest', arial;
  text-align: right;
  transition: 0.3s;
}
.title {
  text-align: center;
}
body {
  background-color: #778888;
  margin-left: -1%;
  margin-right: -1%;
}
p {
  font-family: 'Zen Loop', arial;
  color:#DDDDBB;
  font-size: 200%;
  margin-left: 3%;
  margin-right: 3%;
}
h1 {
  font-family:'mystery quest', arial;
  color:#DDDDBB;
  text-align: center;
}
.about-us {
  background-color:#111133 ;
  text-align: center;
  margin-top: -1%;
}
footer {
  background-color: #444666;
  text-align: center;
  padding-bottom: 3%;
  margin-bottom: -1%;
}
.btp {
  background-color:#111133 ;
  transition: 0.3s;
  font-family: 'mystery quest', arial;
  padding-top: 1%;
  margin-top: -1%;
  padding-bottom: 1%;
}
.btp:hover {
box-shadow: 5px, 5px, 5px;

color: #111133;
}

.y {
  color: #111133;
}