*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
a:link {
  transition: opacity 0.5s;
}
nav{
  background-color: #fdb8e6;
  height: 80px;
  align-content: center;
}
nav, a{
  color: rgb(255, 254, 254);
  opacity: 0.6;
  padding-top: 8px;
  padding-left: 10px;
  font-size: large;
}
body{
  background-color: #000000e3;

}
a:link{
  padding-left: 2px;
}


h4{
  font-size: 30px;
  padding-left: 15px;
  margin-top: 10px;
  color: rgb(248, 191, 231);
  
}
h1{
  font-size: 50px;
  padding-left: 15px;
  margin-top: 10px;
  color: rgb(248, 248, 248);
}
p{
  font-size: 18px;
  padding-left: 15px;
  margin-top: 5px;
  color: rgb(255, 255, 255);
}
img{

  margin-top: 20px;
  width: 400px;
  margin-left: 10px;
  height: auto;
}


  
  #platform {
    width: 200px;
    height: 350px;
    background-color: rgb(76, 82, 64);
    transform: translate(150px) rotateX(55deg) rotateZ(45deg);
    border-radius: 16px;
    box-shadow: 1px 2px 10px rgb(191, 191, 191),
      34px 34px 14px rgba(94, 94, 94, 0.35);
    transition: 1s ease-in-out transform, 1s ease-in-out box-shadow;
  }
  
  #platform:hover {
    transform: translateX(150px) translateY(-24px) rotateX(55deg) rotateZ(45deg);
    box-shadow: 1px 2px 10px rgb(108, 22, 56),
      70px 78px 24px rgba(94, 94, 94, 0.35);
  }
  
  div {
    display: block;
  }