-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
88 lines (70 loc) · 2.79 KB
/
style.css
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
@font-face {
font-family: 'neontubes';
src: url("https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot");
src: url("https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot?#iefix") format("embedded-opentype"), url("https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff2") format("woff2"), url("https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff") format("woff"), url("https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
body {
background: url(images/bg.jpg) no-repeat center center fixed;
background-size: cover;
height: 100%;
overflow: hidden;
background: rgb(3,12,28);
background: url('images/1.jpg')no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@font-face {
font-family: "arabic-tubes";
src: url(arabic.ttf);
}
.logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80vw;
height: auto;
font-family: "arabic-tubes";
font-size: 10vw;
text-align: center;
white-space: nowrap;
}
.logo span {
display: block;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: opacity;
}
.logo .open {
color: #c595ff;
text-shadow: 0 0 0 transparent, 0 0 10px #c595ff, 0 0 20px rgba(125, 18, 255, 0.5), 0 0 40px #c595ff, 0 0 100px #c595ff, 0 0 200px #c595ff, 0 0 300px #c595ff, 0 0 500px #c595ff;
animation: blink 4s infinite alternate;
}
.logo .hrs {
font-size: 3vw;
color: #d4eaff;
text-shadow: 0 0 0 transparent, 0 0 10px #d4eaff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #d4eaff, 0 0 100px #d4eaff, 0 0 200px #d4eaff, 0 0 300px #d4eaff, 0 0 500px #d4eaff;
animation: buzz 8s infinite alternate;
}
.logo .hrss {
font-size: 2vw;
color: #d4eaff;
text-shadow: 0 0 0 transparent, 0 0 10px #d4eaff, 0 0 20px rgba(38, 149, 255, 0.5), 0 0 40px #d4eaff, 0 0 100px #d4eaff, 0 0 200px #d4eaff, 0 0 300px #d4eaff, 0 0 500px #d4eaff;
animation: blink 10ms infinite alternate;
}
@keyframes buzz {
70% { opacity: 1; }
}
@keyframes blink {
40% { opacity: 1; }
42% { opacity: 0.8; }
43% { opacity: 1; }
45% { opacity: 0.2; }
46% { opacity: 1; }
}