Significo_clone/style.css at main · Anant1004/Significo_clone · 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
44
45
46
47
48
49
50
:root{
    --salmon: #ef9d71;
    --black : #000;
    --white : #fff;
    --cyan : #aedee0;
    --darkSalmon : #200c0a;
}

body{
    transition: background-color ease-out .5s;

    /*I set the overflow-x variable to hidden to make only the y axis scrollbar visible. Phillip Andrews*/
    overflow-x: hidden;
}

*::selection{
    background-color: var(--salmon);
}
body[theme="black"]{
    background-color: var(--black);
}
body[theme="black"] .section{
    color: var(--white);
}
.video{
    clip-path: circle(var(--clip) at 50% 50%);
}

body[theme="cyan"]{
    background-color: var(--cyan);
}
body[theme="cyan"] .section{
    color: var(--black);
}


body[theme="salmon"]{
    background-color: var(--salmon);
}
body[theme="salmon"] .section{
    color: var(--darkSalmon);
}


body[theme="white"]{
    background-color: var(--white);
}
body[theme="white"] .section{
    color: var(--black);
}