html{
    background: rgba(38, 50, 56, 1);
}

body{
	color:       #fff;
    background:  #263238;
    font-family: 'Roboto', sans-serif;

    background:
        linear-gradient(to bottom, rgba(38, 50, 56, 1), rgba(38, 50, 56, 0), rgba(38, 50, 56, 0), rgba(38, 50, 56, 1) ),
        linear-gradient(to right, rgba(55, 71, 79, 1), rgba(69, 90, 100, 1), rgba(69, 90, 100, 1), rgba(55, 71, 79, 1) );
}


[data-role="maintenance-info"]{
    position:   fixed;
    top:        30%;
    width:      100%;
    text-align: center;
}

[data-role="maintenance-info"] h3{
    font-size: 32pt;
    font-weight: bold;
    color: #FFA000;
}

[data-role="maintenance-info"] p{
    font-size: 18pt;

    color: #90A4AE;
}

[data-role="footer"]{
    position:   fixed;
    bottom:     1em;
    width:      100%;
    text-align: center;

    color: #90A4AE;
}