/*Keep styling in-sync with the one for webapp*/
html{
    background-color: rgb(255, 193, 7);
}
h1, h2, h3, h4, h5, h6, span, label, p, a, button{
    font-family: "Roboto", Helvetica, Arial;
}

[ng-cloak]{
    display: none !important;
}

[ng-cloak].splash-screen {
    background-color: rgb(255, 193, 7);
    height: inherit;
}

[ng-cloak]#loading-screen {
    display: inherit !important;
}

#loading-screen {
    display: none;
}

.splash-screen-contents {
    position: fixed;
    top: 50%;
    width:100%;
    /*text-align: center;*/
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.splash-screen-row {
    /*position:relative;*/
    /*display:inline-block;*/
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
}

.splash-screen .logo {
    margin-left: 5vw;
    width: 300px;
    max-width:50vw;
    height:auto;
}
.splash-screen-contents h2 {
    font-family: Roboto;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
}