1 @import url(https://fonts.googleapis.com/css?family=Roboto);
7 font-family: 'Roboto', sans-serif;
8 box-sizing: border-box;
20 box-sizing: border-box;
24 background-image: #e6e6e6;
49 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
50 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
51 -webkit-transform: scale(0.98);
52 transform: scale(0.98);
53 -webkit-transition: -webkit-transform 0.28s ease-in-out;
54 transition: -webkit-transform 0.28s ease-in-out;
55 transition: transform 0.28s ease-in-out;
56 transition: transform 0.28s ease-in-out, -webkit-transform 0.28s ease-in-out;
59 .container:hover::before {
60 -webkit-transform: scale(1);
77 margin-bottom: 2.25rem;
80 .form-inline > .form-group,
82 display: inline-block;
88 margin-left: 0.125rem;
93 .form-group .form-help {
102 .form-group textarea {
109 padding: 0.125rem 0.125rem 0.0625rem;
115 .form-group .control-label {
118 pointer-events: none;
119 padding-left: 0.125rem;
124 -webkit-transition: all 0.28s ease;
125 transition: all 0.28s ease;
129 border-bottom: 0.0625rem solid #999;
132 .form-group .bar::before {
140 -webkit-transition: left 0.28s ease, width 0.28s ease;
141 transition: left 0.28s ease, width 0.28s ease;
145 .form-group textarea {
148 padding: 0.125rem 0.125rem 0.0625rem;
151 border-color: transparent;
155 -webkit-transition: all 0.28s ease;
156 transition: all 0.28s ease;
159 .form-group input[type='file'] {
162 .form-group input[type='file'] ~ .bar {
166 .form-group input:focus,
167 .form-group input:valid,
168 .form-group input.form-file,
169 .form-group input.has-value,
170 .form-group textarea:focus,
171 .form-group textarea:valid,
172 .form-group textarea.form-file,
173 .form-group textarea.has-value {
176 .form-group select ~ .control-label,
177 .form-group input:focus ~ .control-label,
178 .form-group input:valid ~ .control-label,
179 .form-group input.form-file ~ .control-label,
180 .form-group input.has-value ~ .control-label,
181 .form-group textarea:focus ~ .control-label,
182 .form-group textarea:valid ~ .control-label,
183 .form-group textarea.form-file ~ .control-label,
184 .form-group textarea.has-value ~ .control-label {
190 .form-group select:focus,
191 .form-group input:focus,
192 .form-group textarea:focus {
195 .form-group select:focus ~ .control-label,
196 .form-group input:focus ~ .control-label,
197 .form-group textarea:focus ~ .control-label {
200 .form-group select:focus ~ .bar::before,
201 .form-group input:focus ~ .bar::before,
202 .form-group textarea:focus ~ .bar::before {
224 .has-error .legend.legend,
225 .has-error.form-group .control-label.control-label {
228 .has-error.form-group .form-help,
229 .has-error.form-group .helper,
230 .has-error.checkbox .form-help,
231 .has-error.checkbox .helper,
232 .has-error.radio .form-help,
233 .has-error.radio .helper,
234 .has-error.form-radio .form-help,
235 .has-error.form-radio .helper {
238 .has-error .bar::before {
246 background: currentColor;
247 border: 1px solid currentColor;
251 padding: 0.75rem 3rem;
253 -webkit-transition: background-color 0.28s ease, color 0.28s ease,
254 box-shadow 0.28s ease;
255 transition: background-color 0.28s ease, color 0.28s ease,
256 box-shadow 0.28s ease;
258 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
259 0 1px 5px 0 rgba(0, 0, 0, 0.12);
270 border: 50vh solid #1d4567;
279 -webkit-transform: translate(-50%, -50%) scale(0);
280 transform: translate(-50%, -50%) scale(0);
284 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
285 0 3px 5px -1px rgba(0, 0, 0, 0.2);
287 .button:active::before,
288 .button:focus::before {
289 -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
290 transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
291 transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
292 transition: transform 1.12s ease, opacity 0.28s ease 0.364s,
293 -webkit-transform 1.12s ease;
294 -webkit-transform: translate(-50%, -50%) scale(1);
295 transform: translate(-50%, -50%) scale(1);