@font-face{
  font-family:"jua";
  src: url(Jua-Regular.ttf);
}

body {
  font-size: 14px;
  background-color: white;
  color: black;
  font-family: Verdana;
  background: url("https://media.tenor.com/kVWuTSHZvfwAAAAe/metal-gear-solid-snake.png") no-repeat;
  background-size: cover;
  text-shadow: -2px 2px 2px #999;
}
div {
  margin-top: 50px;
}
#OtherShit {
  position: relative;
  bottom:40px;
}

p {
  text-align: center; 
}

#Top {
    font-size: 1.5em;
    background-color: #ccc;
    margin: 20px;
    padding: 40px;
    border: 3px, red, dashed;
    font-family: "jua";
    float: right;
    width:200px;
    border-radius: 12px 6px 18px 24px;
    box-shadow: 10px 10px 3px 1px #2e1d11;
}

#Top:hover{
  border-color: blue;
  background-color:#036ffc;
  transform: rotate(10deg);
  transform-origin: top right;
}

#Mid {
  font-size: 1em;
  background-color: #ccc;
  margin: 20px;
  padding: 40px;
  border: 3px, blue, solid;
  font-family: "jua";
  float:left;
  width:200px;
  border-radius: 6px 12px 18px 24px;
  box-shadow: -10px 10px 3px 1px #111d2e;
}

#Mid:hover {
  background-color: #fc5203;
  transform: rotate(-10deg);
  transform-origin: top left;
}