@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url('roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
url('roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
html,body {
background:#353535;
color: #fff;
font-family: 'Roboto Condensed',sans-serif;
margin:0;
padding:0;
height:100%;
}
.content-center {
margin-left: auto;
margin-right: auto;
display:flex;
height:100%;
flex-direction:column;
}
.content-center .logo{
padding:1rem 0;
margin:0;
width:100%;
background:#fdb827;
text-align:center;
}
.content-center .error{
height:100%;
justify-content: center;
align-content: center;
display: flex;
flex-direction: column;
}
.content-center .error-message{
text-align: center;
margin:auto;
}
.content-center .error-message h1{
font-size:4rem;
font-weight:bold;
text-transform:uppercase;
color:#fdb827;
margin-top:auto;
}
.content-center .error-message p{
font-size:1.5rem;
text-transform:uppercase;
color:#fff;
}