.movi{
    height: -9px;
    width: 30vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    perspective: 1000px;
}

.logo{
    background: url(images/loguito.png);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 10px;
    animation: rotar 7s linear infinite;
     width: 200px;
     height: 70px;

}

.logo:hover{
    cursor: pointer;
}

@keyframes rotar{
    from{
        transform: rotateY(0deg);
    }
    to{
        transform: rotateY(-360deg);
    }
}

@keyframes Animate {
    from{
        width: 16rem;
        height: 16rem;
    }
    50%{
        width: 12rem;
        height: 12rem;
    }
    to{
        width: 16rem;
        height: 16rem;
    }
}