@font-face {
font-family: Passion One Regular;
font-style: normal;
font-weight: normal;
src: url(font/PassionOne-Regular.ttf) format(truetype);
}
@font-face {
font-family: Passion One Bold;
font-style: normal;
font-weight: bold;
src: url(font/PassionOne-Bold.ttf) format(truetype);
}
@font-face {
font-family: Passion One Black;
font-style: normal;
font-weight: bolder;
src: url(font/PassionOne-Black.ttf) format(truetype);
}
@font-face {
font-family: Barlow Bold;
font-style: normal;
font-weight: bold;
src: url(font/Barlow-Bold.ttf) format(truetype);
}
@font-face {
font-family: Barlow Regular;
font-style: normal;
font-weight: normal;
src: url(font/Barlow-Regular.ttf) format(truetype);
}
@font-face {
font-family: Barlow Light;
font-style: normal;
font-weight: lighter;
src: url(font/Barlow-Light.ttf) format(truetype);
}
.headline-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: start;
align-items: center;
margin-right: 32px;
margin-left: 32px;
}
.headline-icon-dark {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(253deg) brightness(111%) contrast(101%);
height: 2em;
padding-right: 16px;
}
.headline-icon-light {
height: 2em;
padding-right: 16px;
}
.headline-schedule {
color: #F39C4C;
font-family: Passion One Bold;
font-size: 2.6em;
letter-spacing: 0.015em;
}
.flexbox-row-center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flexbox-column-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.flexbox-column {
display: flex;
flex-direction: column;
justify-content: start;
}
.landingpage-body {
background-color: #142033;
color: white;
margin: 0;
}
.landingpage-badge {
width: 30vw;
min-width: 300px;
}
.landingpage-qr-code {
width: 300px;
height: 300px;
margin: 32px;
}
.landingpage-divider {
max-width: 100%;
margin-right: 32px;
margin-left: 32px;
border-top: 1px solid rgba(255, 255, 255, 0.8);
}
h1 {
font-family: Passion One Regular;
font-size: 3em;
letter-spacing: 0.1em;
margin-top: 8px;
margin-bottom: 8px;
}
h3 {
font-family: Barlow Regular;
font-size: 1.5em;
letter-spacing: 0.1em;
margin-top: 4px;
margin-bottom: 4px;
}
h4 {
font-family: Barlow Light;
font-size: 1.2em;
letter-spacing: 0.1em;
margin-top: 4px;
margin-bottom: 4px;
}
.margin-vertical {
margin-top: 16px;
margin-bottom: 16px;
}
.button {
display: inline-block;
text-align: center;
color: white;
vertical-align: middle;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #F39C4C;
font-size: 1.2rem;
font-family: Barlow Regular;
line-height: 1.5;
}