/*  IMPORTANT: Firefox aggressively caches style files.
    Whenever changes in this file are made, DO change the name of this file as well
    to prevent not applying changes or styles between firmware updates/downgrades.
    Like so: splash_{{number++}}
*/
#splashScreen {
    background-image: linear-gradient(#707070, #434343 768px);
    background-attachment: fixed;
    color: #232323;
    font-family: "Segoe UI", "Meiryo UI", sans-serif;
    font-size: 14px;
    margin: 0;
    height: 100vh;
    width: 100%;
}

.splashBox {
    width: 660px;
    height: 366px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding-bottom: 0px;
    margin-top: -190px;
}

.splashBackground {
    width: 100%;
    height: 100%;
}

.splashLogo {
    width: 156px;
    height: 76px;
    position: absolute;
    top: 40%;
    left: 38%;
}

#splashCopyright {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

#noJavascript {
    text-align: center;
    font-weight: 700;
    padding: 20px;
    background-color: #f44336;
    border-radius: 3px;
    color: #232323;
}

#noJavascript a {
    color: #fff;
}