| OLD | NEW | 
 |    1 html | 
 |    2 { | 
 |    3   font-size: 16px; | 
 |    4 } | 
 |    5  | 
|    1 body |    6 body | 
|    2 { |    7 { | 
|    3   display: flex; |    8   display: flex; | 
|    4   flex-direction: column; |    9   flex-direction: column; | 
|    5   align-items: center; |   10   align-items: center; | 
|    6   margin: 1.2rem 0.3rem; |   11   margin: 1.2rem 0.3rem; | 
|    7   font-family: Segoe UI, Arial, sans-serif; |   12   font-family: Segoe UI, Arial, sans-serif; | 
|    8   font-size: 1.25rem; |   13   font-size: 1.25rem; | 
|    9   color: #494949; |   14   color: #494949; | 
|   10   background-color: #F3F3F3; |   15   background-color: #F3F3F3; | 
| (...skipping 13 matching lines...) Expand all  Loading... | 
|   24  |   29  | 
|   25 header |   30 header | 
|   26 { |   31 { | 
|   27   display: flex; |   32   display: flex; | 
|   28   flex-direction: row; |   33   flex-direction: row; | 
|   29   flex-shrink: 0; |   34   flex-shrink: 0; | 
|   30   align-items: flex-end; |   35   align-items: flex-end; | 
|   31   margin-bottom: 2rem; |   36   margin-bottom: 2rem; | 
|   32 } |   37 } | 
|   33  |   38  | 
 |   39 #logo | 
 |   40 { | 
 |   41   width: 4rem; | 
 |   42 } | 
 |   43  | 
|   34 header > .title |   44 header > .title | 
|   35 { |   45 { | 
|   36   display: flex; |   46   display: flex; | 
|   37   flex-direction: column; |   47   flex-direction: column; | 
|   38 } |   48 } | 
|   39  |   49  | 
|   40 .title > h1 |   50 .title > h1 | 
|   41 { |   51 { | 
|   42   margin: 0rem; |   52   margin: 0rem; | 
|   43   font-size: 1.5rem; |   53   font-size: 1.5rem; | 
| (...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  240   background-color: transparent; |  250   background-color: transparent; | 
|  241   background-image: url(icons/checkbox.png); |  251   background-image: url(icons/checkbox.png); | 
|  242   display: inline-block; |  252   display: inline-block; | 
|  243 } |  253 } | 
|  244  |  254  | 
|  245 input[type="checkbox"]:checked, |  255 input[type="checkbox"]:checked, | 
|  246 input[type="radio"]:checked |  256 input[type="radio"]:checked | 
|  247 { |  257 { | 
|  248   background-position: 0px 18px; |  258   background-position: 0px 18px; | 
|  249 } |  259 } | 
| OLD | NEW |