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

* {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.splash-screen {
    display: flex;
    flex-flow: column;
    height: 100vh;
}

.splash-screen-img {
    height: 85vh;
    width: 100vw;
    object-fit: cover;
}

.linear-progress {
    background: #e6e6e6;
    width: 100vw;
    margin: 0;
    overflow: hidden;
    position: relative;
}

    .linear-progress:after {
        content: '';
        position: absolute;
        inset: 0;
        background: #4CAF50;
        scale: var(--blazor-load-percentage, 0%) 100%;
        transform-origin: left top;
        transition: scale ease-out 0.5s;
    }

.logo-title {
    position: absolute;
    display: flex;
    flex-flow: row;  
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100 !important;
}

.logo {
    height: 40px;
    margin-left: 8%;
    margin-right: 5%;
}

.title {
    color: white;
    font-family: 'Trebuchet MS';
    margin-left: 25%;
    text-shadow: 1px 1px 2px black;
}

.top-bar {
    height: 80px;
}

.bottom-bar {
    flex: 1 1 auto;
    margin-top: -10px;
}