/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 de set. de 2022, 10:18:58
    Author     : Lima
*/
#anima-acao{
    text-align: center;
    width: 30px;
    height: 30px;
    border: 10px solid;
    border-radius: 50%;
    border-right: transparent;
    margin: 3% auto;
    color: #ffb801;
    /*color: rgba(122,170,72,.8);
    display: flex;
    justify-content: center;
    align-items: center;*/
    cursor: pointer;
    animation: anima .5s linear infinite;
}
#anima-acao:hover{
    animation: paused;
    transform: scale(1.2);
    /*box-shadow: 0 0 10px black;*/
}
#anima-acao #logo-anima{
    width: 100px;
    height: 80px;
    opacity: .7;
}
@keyframes anima{
    to{
     transform: rotate(360deg);
    }
}
@keyframes anima1{
    0%{
     transform: rotate(90deg);
    }
    25%{
        transform: rotate(180deg);
    }
    50%{
        
    }
    70%{
        transform: rotate(270deg);
    }
    90%{
        transform: rotate(300deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes anima2{
    0%{
        transform: translate(0px) sclae(.2) rotate(360deg);
    }
    25%{
        transform: translate(500px, -30px) scale(1.2) rotate(150deg);
    }
    75%{
        transform: translate(-100px, -200px) rotate(60deg);
    }
    100%{
        transform: translate(0px) scale(.1) rotate(360deg);
    }
}