*{
    padding: 0;
    margin: 0;
    background-color: lightblue;
}
.wrapper {
    height: fit-content;
    width: fit-content;
    padding: 5px;
}
i {
    position: absolute;
    top: 50%;
    left: 50%;
}
.fa-light{
    color: white;  
    margin:10px;
    animation-name: animate;
    animation-duration: 2s;
}

.fa-rotate {
    animation-name : rotate;
    animation-duration: 2s;
}
p{
    text-align: center;
    font-size: 2rem;
}

@keyframes animate {
    0%{margin-top:10px;}
    50% {margin-top:40px;}
    100%{margin-top:0px; }
}

@keyframes rotate {
    0%{transform: rotate(0deg);}
    50% {transform: rotate(360deg)}
}