| // styles applied on :host are applied on the current component, "app" in this case | |
| :host { | |
| display: block; | |
| } | |
| header { | |
| background-color: #fff; | |
| padding: 16px; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); | |
| } | |
| main { | |
| font-family: Arial, Helvetica, sans-serif; | |
| display: block; | |
| } | |
| footer { | |
| text-align: center; | |
| font-size: 0.8em; | |
| } |