caffeine.moe/styles.css at master · caffeine01/caffeine.moe · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
:root {
 --bg: #282828;
 --fg: #ebdbb2;
 --sel: #fbf1c7

}
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
* {
 margin:0;
 padding:0;
 font-family: "Fira Code", serif;
 font-size:inherit
}
body {
 background: var(--bg);
 color:var(--fg);
 width: 100%;
 height: 100vh;
}
.nav {
 background-color:var(--bg);
 box-shadow:0 0 30px rgb(0,0,0,.45);
 padding:14px 0;
 text-align:center;
 margin:0 auto
}
h1 {
 font-size:xxx-large
}
.head {
 text-align:center;
 margin-top:30px
}
a {
 color:var(--fg)
}
a:hover {
 color:var(--sel)
}
.about {
 margin:30px;
 width:980px;
 max-width:90%;
 justify-content:space-evenly
}
.content {
 width:980px;
 max-width:90%;
 margin:5% auto;
}
.divide {
 padding:0;
 margin:0;
 width:100%;
 height:100%;
 animation:gradient 4s linear infinite;
 animation-direction:alternate;
 margin-bottom:10px;
 position:absolute;
 height:3px;
 border-bottom:0 solid #000;
 background:linear-gradient(95deg,#fe8019,#d3869b,#83a598,#8ec07c,#fabd2f,#fb4934);
 background-size:600% 50%
}
@keyframes gradient {
 0% {
  background-position:0%
 }
 100% {
  background-position:100%
 }
}