| | |
| | | overflow: hidden; |
| | | display: flex; |
| | | .wrap { |
| | | background-color: var(--contrast-200); |
| | | background-color: rgb(var(--contrast-200)); |
| | | //&::before { |
| | | // position: absolute; |
| | | // top: 0; |
| | | // bottom: 0; |
| | | // left: 0; |
| | | // right: 0; |
| | | // background-color: var(--base); |
| | | // background-color: rgb(var(--base)); |
| | | // mix-blend-mode: lighten; |
| | | // content: ''; |
| | | // z-index: 1; |
| | |
| | | min-height: 100%; |
| | | z-index: 0; |
| | | display: flex; |
| | | background-color: var(--action-50); |
| | | background-color: rgb(var(--action-50)); |
| | | |
| | | &.fade { |
| | | animation: fadeIn 1s ease-in; |
| | |
| | | } |
| | | } |
| | | &:hover { |
| | | background-color: var(--action-0); |
| | | background-color: rgb(var(--action-0)); |
| | | color: var(--action-contrast); |
| | | } |
| | | } |
| | | |
| | | .outline a { |
| | | background-color: rgba(var(--base-rgb), rgba(var(--base-rgb),var(--op-3))); |
| | | background-color: rgba(var(--base), rgba(var(--base),var(--op-3))); |
| | | } |
| | | .buttons { |
| | | margin: 3rem 0; |
| | | li { |
| | | background-color: rgba(var(--action-rgb), var(--op-4)); |
| | | background-color: rgba(var(--action-0), var(--op-4)); |
| | | } |
| | | } |
| | | /* Button styles */ |