Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
TheGameCenter
GitHub Repository: TheGameCenter/TheGameCenter.github.io
Path: blob/main/assets/css/slope.min.css
7021 views
1
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
2
3
4
* {
5
margin: 0;
6
padding: 0;
7
box-sizing: border-box;
8
}
9
10
.gameslope {
11
filter: drop-shadow(0 0 5px #000);
12
}
13
14
/*
15
Glowing Text Start
16
*/
17
18
.glowtext {
19
display: flex;
20
font-family: 'Poppins', sans-serif;
21
}
22
23
ul {
24
position: relative;
25
display: flex;
26
flex-direction: column;
27
gap: 30px;
28
}
29
30
ul li {
31
position: relative;
32
list-style: none;
33
transform: translate(0, 1000%);
34
}
35
36
ul li a {
37
position: relative;
38
font-size: 2em;
39
text-decoration: none;
40
line-height: 1em;
41
letter-spacing: 2px;
42
text-transform: uppercase;
43
color: transparent;
44
-webkit-text-stroke: 1px rgba(255,255,255,0.5);
45
}
46
47
ul li a::before {
48
content: attr(data-text);
49
position: absolute;
50
color: #fff;
51
width: 0%;
52
overflow: hidden;
53
transition: 1s;
54
border-right: 8px solid var(--clr);
55
-webkit-text-stroke: 1px var(--clr);
56
}
57
58
ul li a:hover::before {
59
width: 100%;
60
filter: drop-shadow(0 0 25px var(--clr));
61
}
62
63
/*
64
Var Glowing Text End
65
*/
66
67
.textfront {
68
text-align: center;
69
color: #ff6057;
70
filter: drop-shadow(0 0 25px var(--clr));
71
padding: 0px;
72
margin: 0px;
73
text-shadow: 0 0 20px #ff6057;
74
}
75
76
77
#game {
78
color:black;
79
font-size:22px;
80
position:absolute;
81
padding:7px;
82
top:1%;
83
right:14;
84
float: center;
85
86
}
87
88
.items {
89
text-decoration:none;
90
font-family: 'Roboto', sans-serif;
91
92
}
93
94
95
#top {
96
color: #0c192c;
97
98
}
99
100
body {
101
background: #0c192c;
102
103
}
104