@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

.mud-wasm-header {
    background-image: url("./../images/colored_bar_top.png");
    background-repeat: no-repeat, repeat;
    background-position: top right;
    background-color: #1a81e1;
    color: #FFFFFF;
    border: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
    --mud-palette-appbar-background: #005FAE;
    --mud-palette-appbar-text: #FFFFFF;
    --mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}

.mud-typography-h2 {
    font-family: 'Arial','Helvetica','sans-serif';
    font-size: 1.625rem;
    font-weight: 400;
    padding: 17px 0 17px 4px;
    --mud-typography-h2-family: 'Arial','Helvetica','sans-serif';
    --mud-typography-h2-size: 1.625rem;
    --mud-typography-h2-weight: 400;
}

.mud-wasm-cont {
    left: 50%;
    padding: 10vmin;
    position: fixed;
    text-align: center;
    top: 25%;
    transform: translate(-50%,-50%);
}

.mud-wasm-cont-message {
    font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-size: 1.25rem;
    font-weight: 400;
    color: #0072CE;
    margin: 0;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 0;
}