calendar/app/static/about.css at develop · PythonFreeCourse/calendar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
.moving-words {
    margin-top: 4rem;
    text-transform: uppercase;
    font-size: 6rem;
    letter-spacing: 0.1rem;
    overflow: hidden;
    background: linear-gradient(90deg, #000, #fff, #000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 4s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}


/* credit for the animation goes to FrankieDoodie */

.infographic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.seprator {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.about-text {
    font-size: 1.2rem;
    text-align: justify;
}