body {
  background: #e8cd9b;
}
p {
  color: black;
}
h1 {
  font-weight: bold;
}
.dea{
  text-align: center;
  font-size: 4.5vw;
  text-shadow: 3px 5px 3px #840101;
  font-family: Imperial Script ;
  color: #e3c000; 
  
}
.ex{
  text-align: center;
  margin-bottom: auto
    margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  display: block; 
  font-size: 3vw;
  border: 10px solid violet;
}
.ex:hover{
  transform: translateY(5px);
  border: 10px solid purple;
  transition: transform 0.29s ease-in-out;
}
.ex:onclick{
  border: 10px solid red;
}
.exo{
  text-align: center;
  font-family: exo;
}
.button{
  text-align: center;
  margin-bottom: auto
    margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  display: block; 
  font-size: 3.8vw;
  font-family: metal mania;
  color: maroon;
  text-shadow: 5px 2px 3px #ffaaaa;
  border: 3px solid brown;
}
.button:hover{
  text-align: center;
  margin-bottom: auto
    margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  display: block; 
  font-size: 3.8vw;
  font-family: metal mania;
  color: red;
  text-shadow: 5px 2px 3px #ffaaaa;
  border: 3px groove gold;
  transform: translateY(8px);
  transition: transform 0.29s ease-in-out;
}
.quote{
  background-color: black;
  color: red;
  font-family: exo;
  font-size: 2.89vw;
  border: 1pc groove #ebbb4f;
  text-align: center;
  padding: 10px;
}
.div{
  padding: 6.5pc;
}
.d{
  font-size: 3vw;
  font-family: ballet;
  font-weight: 100;
}
.pic{
  margin-bottom: auto
    margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  display: block; 
box-shadow: 10px 10px 10px red;
}