#s3d{
 perspective: 1500px;
}

#platform{
    width: 200px;
    height: 350px;
    background-color: gray;
    transform: translate(100px) rotateX(55deg) rotateZ(45deg);
    transform-style: preserve-3d;
    border-radius: 16px;
    box-shadow: 1px 2px 10px rgba(170, 202, 243, 0.95), 44px 25px 30px rgba(55, 67, 83, 0.35);
    transition: 0.5s ease-in-out transform, 0.5s ease-in-out box-shadow;
}

#platform:hover {
    transform: translateX(100px) translateY(-34px) rotateX(55deg) rotateZ(45deg);
    box-shadow: 1px 2px 10px rgba(170, 202, 243, 0.95), 70px 59px 30px rgba(55, 67, 83, 0.25);
}

#platform p {
        color:white;
        transform-style: preserve-3d;
        transform: translateY(190px) translateZ(40px)rotateX(-90deg) rotateY(92deg);
        opacity: 0;
        transition: 0.4s ease-in-out opacity;

}

#platform:hover p {
opacity: 0.9;
text-shadow: 1px 2px 3px azure;
}