-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
98 lines (84 loc) · 2.45 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
89
90
91
92
93
94
95
96
97
98
.tabl {background-image: url('background.jpg'); width:auto; height:100%;}
.button1 {
display: inline-block;
color: white;
font-weight: 700;
font-size: 22px;
text-decoration: none;
user-select: none;
padding: .5em 2em;
outline: none;
border: 2px solid;
border-radius: 1px;
transition: 0.2s;
width: 200;
height: 50;
background: rgb(50,50,50);
}
.button1:hover { background: rgba(10,10,10, 0.7); }
.button1:active { background: white; }
.button2 {
display: inline-block;
color: white;
font-weight: 700;
font-size: 22px;
text-align: center;
text-decoration: none;
user-select: none;
padding: .5em 2em;
outline: none;
border: 2px solid;
border-radius: 1px;
transition: 0.2s;
width: 275px;
height: 50;
background: rgb(50,50,50);
}
.button3 {
z-index:0;
display: inline-block;
color: white;
margin-top: 20px;
font-weight: 700;
font-size: 2em;
text-decoration: none;
user-select: none;
border: 2px solid;
padding: .5em 2em;
outline: none;
transition: 0.2s;
width: 20em;
height: 4em;
background: rgb(50,50,50);
}
.button3:hover { background: rgba(10,10,10, 0.7); }
.button3:active { background: white; }
.button3M {
margin-top: 150px;
}
video{
position:fixed;
z-index:-1;
width: cover;
overflow:hidden;
}
.backi {
visibility: hidden;
}
h1 {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 6vw;
padding: 80px 50px;
text-align: center;
text-transform: uppercase;
text-rendering: optimizeLegibility;
}
h1.elegantshadow {
color: #131313;
background-color: #e7e5e4;
letter-spacing: .15em;
text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}
body{
background-color: #e7e5e4;}
}