@import '../../../styles/mixins.scss'; .outerContainer { display: flex; justify-content: center; } .innerContainer { width: clamp(00px, 100%, 600px); display: flex; flex-direction: column; color: var(--theme-color-background-main); margin: 3rem auto; padding: 2.4em; @include screen(tablet) { font-size: 1.2rem; padding: 1em; margin: 1rem 0.2rem; } } .bodyText { line-height: 2rem; font-size: 1.2rem; } .separator { margin-top: 15px; margin-bottom: 15px; } .lastLiveDate { margin-top: 2rem; font-size: .8rem; color: var(--theme-color-palette-8); font-family: var(--theme-text-body-font-family); font-weight: 300; .clockIcon { margin-right: 6px; } } .header { font-family: var(--theme-text-display-font-family); font-weight: 600; font-size: 1.4rem; } .footer { margin-top: 15px; } .actionLink { color: var(--theme-color-action); text-decoration: underline; cursor: pointer; &:hover { color: var(--color-owncast-palette-7); } }