|
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