|
32 | 32 | html, |
33 | 33 | body { |
34 | 34 | width: 100%; |
35 | | - height: 100% |
| 35 | + height: 100%; |
36 | 36 | } |
37 | 37 |
|
38 | 38 | a, |
39 | 39 | a img, |
40 | 40 | a:before, |
41 | 41 | a:after { |
42 | 42 | text-decoration: none; |
43 | | - transition-duration: .25s |
| 43 | + transition-duration: .25s; |
44 | 44 | } |
45 | 45 |
|
46 | 46 | section { |
47 | | - display: block |
| 47 | + display: block; |
48 | 48 | } |
49 | 49 |
|
50 | 50 | body { |
51 | | - line-height: 1 |
| 51 | + line-height: 1; |
52 | 52 | } |
53 | 53 |
|
54 | 54 | #about { |
|
118 | 118 | } |
119 | 119 | #about p { |
120 | 120 | margin: 30px; |
121 | | - margin-bottom: 0px |
| 121 | + margin-bottom: 0; |
122 | 122 | } |
123 | 123 | #about .social { |
124 | 124 | margin: 30px; |
125 | | - margin-bottom: 0px |
| 125 | + margin-bottom: 0; |
126 | 126 | } |
127 | 127 | #about .copyright { |
128 | 128 | width: 100%; |
129 | 129 | float: left; |
130 | | - margin-bottom: 0px; |
| 130 | + margin-bottom: 0; |
131 | 131 | } |
132 | 132 | } |
133 | 133 |
|
134 | 134 | .animated { |
135 | 135 | animation-duration: 1s; |
136 | | - animation-fill-mode: both |
| 136 | + animation-fill-mode: both; |
137 | 137 | } |
138 | 138 |
|
139 | 139 | .bounce-in { |
140 | | - animation-name: bounce-in |
| 140 | + animation-name: bounce-in; |
141 | 141 | } |
142 | 142 |
|
143 | 143 | @keyframes bounce-in { |
|
146 | 146 | 75%, |
147 | 147 | 90%, |
148 | 148 | to { |
149 | | - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) |
| 149 | + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
150 | 150 | } |
151 | 151 | 0% { |
152 | 152 | opacity: 0; |
153 | | - transform: translate3d(-3000px, -50%, 0) |
| 153 | + transform: translate3d(-3000px, -50%, 0); |
154 | 154 | } |
155 | 155 | 60% { |
156 | 156 | opacity: 1; |
157 | | - transform: translate3d(25px, -50%, 0) |
| 157 | + transform: translate3d(25px, -50%, 0); |
158 | 158 | } |
159 | 159 | 75% { |
160 | | - transform: translate3d(-10px, -50%, 0) |
| 160 | + transform: translate3d(-10px, -50%, 0); |
161 | 161 | } |
162 | 162 | 90% { |
163 | | - transform: translate3d(5px, -50%, 0) |
| 163 | + transform: translate3d(5px, -50%, 0); |
164 | 164 | } |
165 | 165 | to { |
166 | | - transform: translate3d(0, -50%) |
| 166 | + transform: translate3d(0, -50%); |
167 | 167 | } |
168 | 168 | } |
169 | 169 |
|
|
172 | 172 | font-size: 16px; |
173 | 173 | font-weight: 300; |
174 | 174 | line-height: 1.75; |
175 | | - color: rgba(0, 0, 0, 0.65) |
| 175 | + color: rgba(0, 0, 0, 0.65); |
176 | 176 | } |
177 | 177 |
|
178 | 178 | h1 { |
|
181 | 181 | font-weight: 700; |
182 | 182 | line-height: 1.25; |
183 | 183 | color: rgba(0, 0, 0, 0.85); |
184 | | - margin-bottom: 25px |
| 184 | + margin-bottom: 25px; |
185 | 185 | } |
186 | 186 |
|
187 | 187 | a { |
|
191 | 191 |
|
192 | 192 | @media (max-width: 580px) { |
193 | 193 | body { |
194 | | - font-size: 14px |
| 194 | + font-size: 14px; |
195 | 195 | } |
196 | 196 | h1 { |
197 | 197 | font-size: 42px; |
198 | | - line-height: 1.45 |
| 198 | + line-height: 1.45; |
199 | 199 | } |
200 | 200 | } |
201 | 201 |
|
|
0 commit comments