Spaces:
Sleeping
Sleeping
| .app { | |
| height: 100%; | |
| display: flex; | |
| justify-content: space-between; | |
| background: url(./assets/background.png) rgb(247, 248, 255); | |
| background-size: cover; | |
| overflow: hidden; | |
| } | |
| .content { | |
| padding: 64px 0 16px 0; | |
| width: 100%; | |
| height: 100%; | |
| box-sizing: border-box; | |
| } | |
| .header { | |
| position: fixed; | |
| padding: 16px 32px; | |
| width: 100%; | |
| display: flex; | |
| align-items: center; | |
| box-sizing: border-box; | |
| &-nav { | |
| flex: 1; | |
| img { | |
| height: 40px; | |
| } | |
| a { | |
| display: inline-block; | |
| text-decoration: none; | |
| color: black; | |
| &:not(:first-of-type) { | |
| margin-left: 40px; | |
| } | |
| &.active { | |
| font-weight: bold; | |
| } | |
| } | |
| } | |
| &-opt { | |
| flex-shrink: 0; | |
| display: flex; | |
| align-items: center; | |
| } | |
| } |