@keyframes rotate{
    0% {rotate: 0deg;}
    100% {rotate: 360deg;}
}

@keyframes pulse{
    0% {border: 1px solid white; box-shadow: rgb(255, 255, 255) 0px 0px 20px;}
    50% {border: 1px solid white; box-shadow: rgb(255, 255, 255) 0px 0px 20px;}
    100%{border: 1px solid rgb(0, 100, 200); box-shadow: rgb(0, 255, 255) 0px 0px 20px;}
}

body{
    background-color: black;
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.rotor{
    animation: rotate 30s linear infinite;
    position: relative;
}

.frame{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.square{
    background-color: black;
    border: 1px solid white;
    animation: pulse 2s linear infinite alternate;
    box-shadow: rgb(255, 255, 255) 0px 0px 20px;
}