:root, html {
height: 100%;
margin: 0;
--md-sys-surface: #1e1b29;
--md-sys-on-surface: #e6e1e6;
--md-sys-surface-container-low: #0f0e11;
--md-sys-on-primary: #380094;
--border-radius: 16px;
--ion-padding: 12px;
--ion-color-primary: #beb7e9;
--ion-color-tertiary: #9891a8;
}
body {
margin: 0;
background: var(--md-sys-surface);
color: var(--md-sys-on-surface);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
padding: var(--ion-padding);
box-sizing: border-box;
}
body.teaser {
height: 100%;
text-align: center;
justify-content: center;
padding-bottom: 0;
padding-top: 0 !important;
& img#logo {
align-self: center;
width: 200px;
margin-bottom: 8vh;
}
}
