-
Notifications
You must be signed in to change notification settings - Fork 0
/
howitworks.css
201 lines (195 loc) · 12.6 KB
/
howitworks.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
.header {
position: fixed;
background-color: white;
width:100%;
top: 0;
left: 0;
right: 0;
font-family: 'Roboto', sans-serif;
color: #202c45;
}
.header_container {
display: flex;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 100px;
}
.header_nav {
display: flex;
align-items: center;
width:80%;
}
.menu_nav {
display: flex;
width: 100%;
margin-left: 250px;
margin-right: 20px;
align-items: center;
justify-content: space-around;
}
.menu_nav_bloc {
display: block;
font-size: 12px;
font-weight:bolder;
text-align: center;
text-decoration: none;
color: inherit;
}
.domshadow{
box-shadow: gold 0px 10px 0px 0px;
display: block;
font-size: 12px;
font-weight:bolder;
text-align: center;
text-decoration: none;
color: inherit;
}
.loginbtn{
background-color: teal;
border-radius: 36px;
width: 100px;
height: 30px;
padding-top: 10px;
display: block;
font-size: 12px;
font-weight:bolder;
text-align: center;
text-decoration: none;
color: inherit;
}
.signbtn{
background-color:gold;
border-radius: 36px;
border: gold solid 2px;
width: 100px;
height: 30px;
padding-top: 10px;
display: block;
font-size: 12px;
font-weight:bolder;
text-align: center;
text-decoration: none;
color: inherit;
}
.buttontop{
border: 1px solid black;
border-radius: 36px;
width: 100px;
height: 30px;
padding-top: 10px;
}
.shadow{
box-shadow:inset white 2px 3px 0px 0px
,inset gold 9px 50px 0px 0px ;
}
.container{
width: 100%;
padding: 80px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9Ijc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyNC43NjUgNjEuNDIyYzguMDU0IDUuMjAyIDI1LjI0IDkuNjA1IDQ1LjcwMSA5LjYwNSAyOC40NzggMCAzMy41MzQtOC41MyAzMy41MzQtMTUuODcgMC03LjAxMi01LjQzMi0xMi43NTYtMTIuMzE3LTEzLjI1NC4yMzQtMS4zMDUuMzU2LTIuNjQ5LjM1Ni00LjAyMSAwLTEyLjQ3OC0xMC4xMTQtMjIuNTkzLTIyLjU5Mi0yMi41OTMtNy43NDQgMC0xNC41NzggMy44OTctMTguNjQ5IDkuODM3LTMuNjM4LTQuNDE3LTguODIyLTcuMTc5LTE0LjU3NC03LjE3OS0yLjcgMC01LjI3NS42MDktNy42MjQgMS43MTFDMTIyLjM1NyA5LjA5IDExMC44NSAyIDk3LjY4NCAyIDgyLjk4IDIgNzAuMzQxIDEwLjg0NSA2NC44IDIzLjUwNWEyMC44NTMgMjAuODUzIDAgMCAwLTEyLjYzOS00LjI0MmMtMTEuNTY3IDAtMjAuOTQ1IDkuMzc4LTIwLjk0NSAyMC45NDUgMCAuMzYzLjAxLjcyNC4wMjggMS4wODItOS4yMjUtLjA1OC0xNi45Ni41NzgtMTguNjExLjU3OEM2Ljc2IDQxLjg2OCAyIDQ2LjYyOCAyIDUyLjVzMTEuOTE5IDEyLjIyMSAzMy44NzMgMTIuMjIxYzExLjA4MiAwIDIzLjI3My0yLjYxNCAzMi42MjgtNS45NTkgNi41MSA5LjA4MyAxNy4xNTUgMTUuMDAxIDI5LjE4MyAxNS4wMDEgMTAuODEgMCAyMC41MDMtNC43OCAyNy4wODEtMTIuMzQxeiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9IiNFREY0RkEiLz48cGF0aCBkPSJNMTI4LjMgNDQuODNjNi40NzEgNy43NDMgMjAuODUyIDE3LjE4OSAzNy42OTUgMTguNzc3IDIyLjk2NSAyLjE2NSAzNS4zNDctLjA0NCAzNS4zNDctNy4xOSAwLTYuODI4LTUuMjg5LTEyLjQyMS0xMS45OTMtMTIuOTA2LjIyOC0xLjI3LjM0Ny0yLjU4LjM0Ny0zLjkxNiAwLTEyLjE0OS05Ljg0OC0yMS45OTctMjEuOTk3LTIxLjk5Ny03LjU0IDAtMTQuMTk1IDMuNzk0LTE4LjE1OSA5LjU3Ny0zLjU0My00LjMtOC41OS02Ljk5LTE0LjE5LTYuOTktMi42MjYgMC01LjEzLjU5MS03LjQxNCAxLjY2Mi01Ljk2MS05LjY4NC0xOC4xNjYtMTcuMTktMzAuMTEyLTE3LjE5LTE1LjkwMyAwLTI3LjY3MyAxMS40MzItMzEuMzIgMjIuMjI2LTMuNjc3LTQuMDQzLTguNjM1LTYuNTIyLTE0LjA5LTYuNTIyLTEwLjk0NiAwLTE5Ljg5MiA5Ljk4Mi0yMC40OTcgMjIuNTU4LTguNTg1LS4wOS0xNS4yNjIuNTU4LTE2LjkwNy41NTgtNS43MTcgMC0xMy41OTUgNC42MzUtMTAuMzUyIDEwLjM1MiAzLjI0MyA1LjcxNyAxNS4zNzYgNS43MTcgMzIuNjkgMi41ODggMTcuODM3LTMuMjI0IDI2LjQzOC05Ljc5IDMwLjE3OC0xNS40OTggNC42NyA3LjE3NSAxNS43NjUgMTAuOTU2IDIzLjYxOCAxMi45MSA5LjMyMiAyLjMxOSAyOC43NTIgMy42MTEgMzcuMTU3LTguOTk4eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4K) calc(50% - 573px) 265px,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9Ijc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyNC43NjUgNjEuNDIyYzguMDU0IDUuMjAyIDI1LjI0IDkuNjA1IDQ1LjcwMSA5LjYwNSAyOC40NzggMCAzMy41MzQtOC41MyAzMy41MzQtMTUuODcgMC03LjAxMi01LjQzMi0xMi43NTYtMTIuMzE3LTEzLjI1NC4yMzQtMS4zMDUuMzU2LTIuNjQ5LjM1Ni00LjAyMSAwLTEyLjQ3OC0xMC4xMTQtMjIuNTkzLTIyLjU5Mi0yMi41OTMtNy43NDQgMC0xNC41NzggMy44OTctMTguNjQ5IDkuODM3LTMuNjM4LTQuNDE3LTguODIyLTcuMTc5LTE0LjU3NC03LjE3OS0yLjcgMC01LjI3NS42MDktNy42MjQgMS43MTFDMTIyLjM1NyA5LjA5IDExMC44NSAyIDk3LjY4NCAyIDgyLjk4IDIgNzAuMzQxIDEwLjg0NSA2NC44IDIzLjUwNWEyMC44NTMgMjAuODUzIDAgMCAwLTEyLjYzOS00LjI0MmMtMTEuNTY3IDAtMjAuOTQ1IDkuMzc4LTIwLjk0NSAyMC45NDUgMCAuMzYzLjAxLjcyNC4wMjggMS4wODItOS4yMjUtLjA1OC0xNi45Ni41NzgtMTguNjExLjU3OEM2Ljc2IDQxLjg2OCAyIDQ2LjYyOCAyIDUyLjVzMTEuOTE5IDEyLjIyMSAzMy44NzMgMTIuMjIxYzExLjA4MiAwIDIzLjI3My0yLjYxNCAzMi42MjgtNS45NTkgNi41MSA5LjA4MyAxNy4xNTUgMTUuMDAxIDI5LjE4MyAxNS4wMDEgMTAuODEgMCAyMC41MDMtNC43OCAyNy4wODEtMTIuMzQxeiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9IiNFREY0RkEiLz48cGF0aCBkPSJNMTI4LjMgNDQuODNjNi40NzEgNy43NDMgMjAuODUyIDE3LjE4OSAzNy42OTUgMTguNzc3IDIyLjk2NSAyLjE2NSAzNS4zNDctLjA0NCAzNS4zNDctNy4xOSAwLTYuODI4LTUuMjg5LTEyLjQyMS0xMS45OTMtMTIuOTA2LjIyOC0xLjI3LjM0Ny0yLjU4LjM0Ny0zLjkxNiAwLTEyLjE0OS05Ljg0OC0yMS45OTctMjEuOTk3LTIxLjk5Ny03LjU0IDAtMTQuMTk1IDMuNzk0LTE4LjE1OSA5LjU3Ny0zLjU0My00LjMtOC41OS02Ljk5LTE0LjE5LTYuOTktMi42MjYgMC01LjEzLjU5MS03LjQxNCAxLjY2Mi01Ljk2MS05LjY4NC0xOC4xNjYtMTcuMTktMzAuMTEyLTE3LjE5LTE1LjkwMyAwLTI3LjY3MyAxMS40MzItMzEuMzIgMjIuMjI2LTMuNjc3LTQuMDQzLTguNjM1LTYuNTIyLTE0LjA5LTYuNTIyLTEwLjk0NiAwLTE5Ljg5MiA5Ljk4Mi0yMC40OTcgMjIuNTU4LTguNTg1LS4wOS0xNS4yNjIuNTU4LTE2LjkwNy41NTgtNS43MTcgMC0xMy41OTUgNC42MzUtMTAuMzUyIDEwLjM1MiAzLjI0MyA1LjcxNyAxNS4zNzYgNS43MTcgMzIuNjkgMi41ODggMTcuODM3LTMuMjI0IDI2LjQzOC05Ljc5IDMwLjE3OC0xNS40OTggNC42NyA3LjE3NSAxNS43NjUgMTAuOTU2IDIzLjYxOCAxMi45MSA5LjMyMiAyLjMxOSAyOC43NTIgMy42MTEgMzcuMTU3LTguOTk4eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4K) calc(50% + 700px) 470px,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY3IiBoZWlnaHQ9IjExMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMTQuMzUzIDQxLjY0MkMyMTUuODk2IDM0LjQxNyAyMjIuMzE1IDI5IDIzMCAyOWM4LjgzNyAwIDE2IDcuMTYzIDE2IDE2IDAgLjMxLS4wMDkuNjE2LS4wMjYuOTJDMjUyLjgwMyAzMS4yMDYgMjY3LjcxIDIxIDI4NSAyMWMyMC4xODMgMCAzNy4xMTggMTMuOTA1IDQxLjc0OCAzMi42NTcgNy41OTgtMy4xMjIgMTMuNTg5LTMuMTIyIDE3Ljk2OC0zLjEyMiAxMy45NDUgMCAyMC40MzMgMTAuNDYgMjAuNDMzIDE5LjI5N3MtMS45MzYgMTkuNjA3LTYyLjQ1NiAyNi4xMzdjLTMyLjgwNSAzLjUzOS02NC42MzYtLjkxMS04Ni45MS03LjEzNy0uMjUuMjItLjUyMy40NDItLjgxNy42NjgtMTUuNzc5IDEyLjA4OS00MC45NCAxOS40NTItNzEuMTA1IDE5LjQ1Mi0zMC42OCAwLTU4LjA4LTEyLjA1NC02Ny44ODQtMTkuNDUyLS41Ni0uNDIzLS45NTYtLjg0OS0xLjE5Ni0xLjI3NS00LjQzNS4zNzgtOS4zNTYuNzQ2LTE0Ljc4MSAxLjEzLTQ1LjgzNiAzLjI1MS02MC4xODItMi4xNC01Ny40NS0xNC42MiAyLjQzLTExLjEwMSAxOS43ODQtMTMuMDQ5IDQ2LjE4NS05LjQ2QzUxLjUzNiA1My42NDIgNjIuMDEgNDUgNzQuNSA0NWEyNi4zNzggMjYuMzc4IDAgMCAxIDE1LjE3NCA0Ljc3MUM5Ny43NjIgMjIuMTYzIDEyMy4yNzYgMiAxNTMuNSAyYzI3LjE3IDAgNTAuNTMzIDE2LjI5MyA2MC44NTMgMzkuNjQyeiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9IiNFREY0RkEiLz48cGF0aCBkPSJNMjE0LjUwOCA0NC44MTZDMjE2LjYzOCAzOC41MjQgMjIyLjU0IDM0IDIyOS40ODYgMzRjOC4xMDYgMCAxNC43OSA2LjE2MiAxNS43MTcgMTQuMTA1QzI1MS45MTggMzMuMjkgMjY2LjcxNiAyMyAyODMuODkgMjNjMjEuNDQzIDAgMzkuMTggMTYuMDQgNDIuMTEgMzYuODk5IDguMjMtNS41NDIgMTYuMDI0LTUuNTQyIDE4LjM3Ny01LjU0MiAxMy44NTIgMCAxNi4xMTYgMTIuMDUgMTMuMTg3IDE4LjA3Ni0yLjkyOCA2LjAyNi0xNC41NDcgMTEuOTcyLTM2LjY0NCA3LjM5My0xNi41MS0zLjQyMS0zMy45MjYtMTkuMTU4LTkwLjYyNy0xNi43MzctMS40MDMgNC45NDItNS41NDUgMTAuNzY2LTEzLjYzNiAxMi41OC01LjE3MiAxLjE2LTEzLjczMy45NDgtMjAuNTE0LTMuMjM2LTM1LjkzOCAzNC41ODItOTguMDE3IDUuODM2LTEwNC43NC0xLjIwMy02Ljc0IDQuNDA5LTE3LjA2NCA4LjE3Ni0zMi4wNTIgOS4yNS0zNC43MjQgMi40OS00My4xMjUgMS45NDItNDkuMDc1IDAtMS44MTktLjU5My01LjA0MS0zLjUxOS0zLjUyMS03LjAyNSA0LjUxNC0xMC40MTMgMzguNTQ1LTYuNTIgNDMuMDk3LTQuNTcyQzUyLjAxMyA1Ni40NDggNjIuNzUgNDcgNzUuNjcgNDdhMjUuODk5IDI1Ljg5OSAwIDAgMSAxNS4wMSA0Ljc3MUM5OC42NzggMjQuMTYzIDEyMy45MTYgNCAxNTMuODEzIDRjMjcuMzIzIDAgNTAuNzU1IDE2Ljg0MSA2MC42OTQgNDAuODE2eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) calc(50% - 546px) 815px,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjA2IiBoZWlnaHQ9IjIyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNTQuMzQ1IDE4MC44OTVjNjEuNTM1IDUxLjI0NCAyNDIuMTcyIDUxLjI0NCAyODAuMzI4IDAgNTMuNDYxIDEwLjY4OCA3My43NTQtMjkuODc3IDY5LjAwMy02Mi45OS00LjE1MS0yOC45My00My4zNDktNjQuMDcyLTEwNy4xNTktMjMuODUgNS44NjItMTIuMzc4LTcuMjEyLTM1LjkwMy0zMS44OC0yMi43MTgtNS40OC00NC45NDItNjEuOTMzLTU0LjAyMS04Ny4zMzQtMTIuNC05LjI1My0yNi45MjctMzEuMDItNDguMzMtNTkuODQtNTQuOTg0LTQ1LjQyMS0xMC40ODYtOTEuMTYgMTkuNjQtMTAyLjE2MSA2Ny4yODctMzAuNS00My4xNzgtOTguOTU5LTMyLjkxMi0xMTYuNjggMTUuMTg0LTQyLjUyNS0yNS4xMDctODYuMDktMTcuMTEtOTQuNTggMTkuNjYyLTkuNTMyIDQxLjI5MSAyNS4xOTYgNzAuNDExIDcwLjU3IDU5LjY2NCAzMy41NjYgNTMuNTQyIDE0OC42MyA0MC4zNjkgMTc5LjczMyAxNS4xNDV6IiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0iI0VERjRGQSIvPjxwYXRoIGQ9Ik0yODYuODI1IDEzMi41ODZjNjAuODc3IDUxLjE4NiAyMTguMjgzIDQ4LjU5NSAyMjEuNzY1IDQuNDcxIDMyLjk0IDIuOTI3IDY1LjU3MiAxMC4wNSA3Ny42MTgtMjAuNzU4IDEwLjEyNC0yNS44OTYtMjguMjM3LTU5LjkxOC05MS42MDQtMTkuNDU0IDUuODQzLTEyLjQxNy03LjA2LTM1Ljk1NS0zMS41NDktMjIuNjgxLTUuMzE4LTQ1LjAxNi02MS4yNjUtNTMuOTY3LTg2LjU1Ni0xMi4yLTkuMTA0LTI2Ljk1Ni0zMC42My00OC4zNDUtNTkuMTg2LTU0LjkzOC00NS4wMDctMTAuMzktOTAuNDMyIDE5LjkxLTEwMS40NiA2Ny42OC0zMC4xMy00My4xODUtOTguMDI4LTMyLjcyNC0xMTUuNzIxIDE1LjUxMS00Mi4wOTYtMjUuMDQ3LTg1LjMxLTE2LjkyMi05My44MiAxOS45NDMtOS41NTcgNDEuMzk2IDYxLjQ1OCAzMC4yNDYgMTA2LjQ3MiAxOS4zNjMgMzMuMTQyIDUzLjU2IDE0My4xMzkgMjguNDE2IDE3NC4wNDEgMy4wNjN6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) calc(50% - 685px) 1240px,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjA2IiBoZWlnaHQ9IjIyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNTQuMzQ1IDE4MC44OTVjNjEuNTM1IDUxLjI0NCAyNDIuMTcyIDUxLjI0NCAyODAuMzI4IDAgNTMuNDYxIDEwLjY4OCA3My43NTQtMjkuODc3IDY5LjAwMy02Mi45OS00LjE1MS0yOC45My00My4zNDktNjQuMDcyLTEwNy4xNTktMjMuODUgNS44NjItMTIuMzc4LTcuMjEyLTM1LjkwMy0zMS44OC0yMi43MTgtNS40OC00NC45NDItNjEuOTMzLTU0LjAyMS04Ny4zMzQtMTIuNC05LjI1My0yNi45MjctMzEuMDItNDguMzMtNTkuODQtNTQuOTg0LTQ1LjQyMS0xMC40ODYtOTEuMTYgMTkuNjQtMTAyLjE2MSA2Ny4yODctMzAuNS00My4xNzgtOTguOTU5LTMyLjkxMi0xMTYuNjggMTUuMTg0LTQyLjUyNS0yNS4xMDctODYuMDktMTcuMTEtOTQuNTggMTkuNjYyLTkuNTMyIDQxLjI5MSAyNS4xOTYgNzAuNDExIDcwLjU3IDU5LjY2NCAzMy41NjYgNTMuNTQyIDE0OC42MyA0MC4zNjkgMTc5LjczMyAxNS4xNDV6IiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0iI0VERjRGQSIvPjxwYXRoIGQ9Ik0yODYuODI1IDEzMi41ODZjNjAuODc3IDUxLjE4NiAyMTguMjgzIDQ4LjU5NSAyMjEuNzY1IDQuNDcxIDMyLjk0IDIuOTI3IDY1LjU3MiAxMC4wNSA3Ny42MTgtMjAuNzU4IDEwLjEyNC0yNS44OTYtMjguMjM3LTU5LjkxOC05MS42MDQtMTkuNDU0IDUuODQzLTEyLjQxNy03LjA2LTM1Ljk1NS0zMS41NDktMjIuNjgxLTUuMzE4LTQ1LjAxNi02MS4yNjUtNTMuOTY3LTg2LjU1Ni0xMi4yLTkuMTA0LTI2Ljk1Ni0zMC42My00OC4zNDUtNTkuMTg2LTU0LjkzOC00NS4wMDctMTAuMzktOTAuNDMyIDE5LjkxLTEwMS40NiA2Ny42OC0zMC4xMy00My4xODUtOTguMDI4LTMyLjcyNC0xMTUuNzIxIDE1LjUxMS00Mi4wOTYtMjUuMDQ3LTg1LjMxLTE2LjkyMi05My44MiAxOS45NDMtOS41NTcgNDEuMzk2IDYxLjQ1OCAzMC4yNDYgMTA2LjQ3MiAxOS4zNjMgMzMuMTQyIDUzLjU2IDE0My4xMzkgMjguNDE2IDE3NC4wNDEgMy4wNjN6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) calc(50% + 835px) 902px;
background-repeat: no-repeat;
font-family: 'Roboto', sans-serif;
}
.items{
margin:auto;
display: flex;
}
.numbers{
width: 80px;
height: 80px;
border: 3px solid black;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 35px;
font-weight: 700;
}
.gold{
background-color: gold;
box-shadow:inset 9px 5px 0 0 white,
9px 5px 0px -2px gold;
}
.blue{
background-color:rgb(83, 209, 203);
box-shadow:inset 9px 5px 0 0 white,
9px 5px 0px -2px rgb(83, 209, 203);
}
.purple{
background-color:rgb(201, 152, 201);
box-shadow:inset 10px 5px 0 0 white,
9px 5px 0px -2px rgb(201, 152, 201);
}
.testEmail{
background-color:rgb(58, 196, 196);
height: 20px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 30px;
width: 180px;
margin: auto;
border: 1px solid black;
}
p{
line-height: 1.5;
}
#footerCover {
width: 100%;
height: 500px;
background-color: #313a45;
}
#footer {
width: 80%;
height: 60%;
margin: 10% auto;
background-color: #313a45;
font-family: 'Roboto', sans-serif;
}
#footerGrid {
display: grid;
width: 70%;
height: 90%;
grid-template-areas: "a b c d";
grid-template-columns: 24% 24% 24% 24%;
grid-template-rows: 100%;
gap: 2%;
margin: 80px 0px 0px;
}
#footer>div,.icon {
float: left;
}
#footerGrid>div {
display: flex;
flex-flow: column wrap;
}
.boldWhite{
font-weight: 120;
font-size: 20px;
}
#footerGrid>div>:nth-child(1) {
color: white;
}
.railsware {
margin: 80px 100px;
}
.grayFont {
color: hsla(0,0%,100%,.53);
font-size: 15px;
line-height: 30px;
}
.blueLine{
width: 100%;
border-color: #0080b6;
}
.grayLine{
width: 100%;
border-color: hsla(0,0%,100%,.53);
}
.aboutMailtrap{
color: hsla(0,0%,100%,.53);
float: left;
width: 57%;
font-size: 14px;
margin: 12px 0px;
}