#platform {
    width: 200px;
    height: 350px;
    background-color: #ffd858ec;
    transform: translate(100px) rotateX(55deg) rotateZ(45deg);
    transform-style: preserve-3d;
    border-radius: 16px;
    box-shadow: 1px 2px 10px rgba(109, 109, 109, 0.95), 
        44px 44px 24px rgba(83, 53, 8, 0.25);
    transition: 0.5s ease-in-out transform,0.5s ease-in-out box-shadow;
    
  }
  #platform:hover {
    transform: translateX(100px) translateY(-24px) rotateX(55deg) rotateZ(45deg);
    box-shadow: 1px 2px 10px rgba(204, 204, 204, 0.95),
      70px 70px 24px rgba(204, 204, 204, 0.15);
  }
  
  #platform p {
    transform-style: preserve-3d;
    transform: translateX(13px) translateY(183px) translateZ(39px) rotateX(337deg) rotateZ(289deg);
    transition: 0.5s ease-in-out transform;
    font-size:x-large;
  }

  #platform p:hover {
    transform: translateX(13px) translateY(183px) translateZ(100px) rotateX(337deg) rotateZ(-289deg);
  }