1
html, body {
2
    width: 100%;
3
    height: 100%;
4
    display: flex;
5
}
6

7
.g-container {
8
    margin: auto;
9
}
10

11
p {
12
    position: relative;
13
    font-size: 120px;
14
    font-weight: bold;
15
    background: #fff;
16
    color: #000;
17
    overflow: hidden;
18

19
    &::before,
20
    &::after {
21
        content: "";
22
        position: absolute;
23
        top: -923px;
24
        left: 50%;
25
        width: 2000px;
26
        height: 2000px;
27
        border-radius: 45% 48% 43% 47%;
28
        transform: translate(-50%, -50%);
29
        background: rgba(3, 169, 244, .85);
30
        animation: rotate 10s infinite linear;
31
        z-index: 1;
32
        mix-blend-mode: lighten;
33
    }
34

35
    &::after {
36
        border-radius: 43% 47% 44% 48%;
37
        animation: rotate 10s infinite .5s linear;
38
    }
39
}
40

41
@keyframes rotate {
42
    0% {
43
        transform: translate(-50%, -50%) rotate(0);
44
    }
45
    100% {
46
        transform: translate(-50%, -50%) rotate(360deg);
47
    }
48
}