p{
    font-size: 4em;
    text-align: center;
    display: block
}
.tekst{

width: 300px;
height: 150px;
border: 6px solid;

}

.dot{
    animation: txt1 4s infinite;
    width: 6px;
    height: 6px;
    background-color: aqua;
    margin-top: -225px;
}
.tekst:hover{
    transform: rotate(10deg) scale(70%)skewY(-5deg)translate(0.5em);
    transition: 0.5s;
}

@keyframes txt1 {
    0%{transform: translate(0,0);}
    25%{transform: translate(306px,0)}
    50%{transform: translate(306px,156px)}
    75%{transform: translate(0px,156px)}
    100%{}

}