html{
    animation:blink_bgc 0.5s linear 0.01s infinite normal;
}

@keyframes blink_bgc{
    0%{background: rgb(226, 7, 7);}
    /*29.9%{background: #fcc;}*/
    /*30%{background: transparent;}*/
    100%{background: blue;}
}

.pe{
    position: absolute;
    width: 200px;
    height: 200px;
    border: 30px solid #08c308;
    box-sizing: border-box;
    border-radius: 50%;
    /*animation: 3s linear 1s infinite alternate sun-rise;*/
}
 @keyframes sun-rise{
    from{
        transform: translateX(100vw);

    }
    to{
        transform: translateY(100vh);
    }
 }