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);
66 justify-content: space-around;
80 margin-bottom: 2.25rem;
83 .form-inline > .form-group,
85 display: inline-block;
91 margin-left: 0.125rem;
96 .form-group .form-help {
105 .form-group textarea {
112 padding: 0.125rem 0.125rem 0.0625rem;
118 .form-group .control-label {
121 pointer-events: none;
122 padding-left: 0.125rem;
127 -webkit-transition: all 0.28s ease;
128 transition: all 0.28s ease;
132 border-bottom: 0.0625rem solid #999;
135 .form-group .bar::before {
143 -webkit-transition: left 0.28s ease, width 0.28s ease;
144 transition: left 0.28s ease, width 0.28s ease;
148 .form-group textarea {
151 padding: 0.125rem 0.125rem 0.0625rem;
154 border-color: transparent;
158 -webkit-transition: all 0.28s ease;
159 transition: all 0.28s ease;
162 .form-group input[type='file'] {
165 .form-group input[type='file'] ~ .bar {
169 .form-group input:focus,
170 .form-group input:valid,
171 .form-group input.form-file,
172 .form-group input.has-value,
173 .form-group textarea:focus,
174 .form-group textarea:valid,
175 .form-group textarea.form-file,
176 .form-group textarea.has-value {
179 .form-group select ~ .control-label,
180 .form-group input:focus ~ .control-label,
181 .form-group input:valid ~ .control-label,
182 .form-group input.form-file ~ .control-label,
183 .form-group input.has-value ~ .control-label,
184 .form-group textarea:focus ~ .control-label,
185 .form-group textarea:valid ~ .control-label,
186 .form-group textarea.form-file ~ .control-label,
187 .form-group textarea.has-value ~ .control-label {
193 .form-group select:focus,
194 .form-group input:focus,
195 .form-group textarea:focus {
198 .form-group select:focus ~ .control-label,
199 .form-group input:focus ~ .control-label,
200 .form-group textarea:focus ~ .control-label {
203 .form-group select:focus ~ .bar::before,
204 .form-group input:focus ~ .bar::before,
205 .form-group textarea:focus ~ .bar::before {
227 .has-error .legend.legend,
228 .has-error.form-group .control-label.control-label {
231 .has-error.form-group .form-help,
232 .has-error.form-group .helper,
233 .has-error.checkbox .form-help,
234 .has-error.checkbox .helper,
235 .has-error.radio .form-help,
236 .has-error.radio .helper,
237 .has-error.form-radio .form-help,
238 .has-error.form-radio .helper {
241 .has-error .bar::before {
249 background: currentColor;
250 border: 1px solid currentColor;
256 -webkit-transition: background-color 0.28s ease, color 0.28s ease,
257 box-shadow 0.28s ease;
258 transition: background-color 0.28s ease, color 0.28s ease,
259 box-shadow 0.28s ease;
261 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
262 0 1px 5px 0 rgba(0, 0, 0, 0.12);
273 border: 50vh solid #1d4567;
282 -webkit-transform: translate(-50%, -50%) scale(0);
283 transform: translate(-50%, -50%) scale(0);
287 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
288 0 3px 5px -1px rgba(0, 0, 0, 0.2);
290 .button:active::before,
291 .button:focus::before {
292 -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
293 transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
294 transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
295 transition: transform 1.12s ease, opacity 0.28s ease 0.364s,
296 -webkit-transform 1.12s ease;
297 -webkit-transform: translate(-50%, -50%) scale(1);
298 transform: translate(-50%, -50%) scale(1);