body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    background-color: #b89d7d;
    overflow: hidden;
}

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

.cat {
    position: relative;
    z-index: 10;

    width: 75px;
    height: auto;
}

.rays {
    position: absolute;
    z-index: 1;

    left: 50%;
    top: 50%;

    width: 500vw;
    height: 500vh;

    background: repeating-conic-gradient(
        from 0deg,
        #f4f74f94 0deg 10deg,
        transparent 10deg 20deg
    );

    animation: spin 40000ms linear infinite;
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg) scale(2);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(2);
    }
}