header{
    text-align: center;
}
h1{
    transform: perspective(200px) rotateX(30deg)
}
h2{
    transform: skew(10deg, 15deg);
}
img{
    height: 400px;
    width: 400px;
}
/* image rotate function */
img.rotateLeft{
    transform:
    translate(15rem, 1rem)
    rotate3d(-1,-1,0, 45deg) ;
}
img.rotateRight{
    transform:
    translate(15rem, 1rem)
    rotate3d(.6,-.6,.10, 45deg) ;
}

/* scale function */
.scale {
    background: skyblue;
    text-align: center;
    transform: scale(1, 1.1);
}

.skew {
    transform: skew(45deg, 20deg);
}

.button {
    border: orangered solid;
    border-radius: 12px;
    background-color: navy;
    color: white;
    font-size: 14px;
    text-align: center;
    margin-left: 530px;
    padding: 15px 25px;
}

.buttonTransition:hover {
    transition-property: background-color, transform;
    transition-duration: 200ms, 200ms;
    transition-delay: 50ms, 500ms;
    background-color: skyblue;
    color: white;
}

#validation {
    text-align: center;
}