@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');
@import url('overrides.css');
@import url('icons.css');

@font-face {
    font-family: 'Porsche Next';
    src: url('../fonts/PorscheNextWLa-Regular.woff2') format('woff2'), url('../fonts/PorscheNextWLa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Porsche Next';
    src: url('../fonts/PorscheNextWLa-Bold.woff2') format('woff2'), url('../fonts/PorscheNextWLa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

:root {
    --bs-body-font-family: "Porsche Next",  "Arial Narrow",  Arial,  "Heiti SC",  SimHei,  sans-serif;
}

#logo {
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.25rem;
    margin-bottom: 2.4rem;
}

#logo-line {
    margin: 0
}

body {
    height: 100vh;
    margin-top: 2rem;
    font-size: 1.25rem;
}


h1 {
    font: normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
}

h2 {
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0.25rem;
}

.warning-icon {
	width: 64px;
}