﻿.startup-wrapper {
    position: absolute;
    background-image: url('./bg2.jpg');
    background-size: cover;
    background-position-y: bottom;
    height: 100%;
    width: 100%;
}

    .startup-wrapper .loading-notice {
        color: #eee;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        margin-top: 60px;
    }

        .startup-wrapper .loading-notice .glyphicon {
            display: block;
            font-size: 38px;
            margin-bottom: 8px;
        }

    .startup-wrapper .glyphicon.glyphicon-spinner {
        -webkit-animation: gi-spin 2s infinite linear;
        animation: gi-spin 2s infinite linear;
    }

@-webkit-keyframes gi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes gi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.logo {
    width: 200px;
    margin: 0 auto;
}

.portal-holder {
    max-width: 300px;
    margin: 0 auto;
    float: none;
}

.provider-holder {
    margin: 45px 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 15px 15px 45px;
    text-align: center;
}
h1.header {
    font-family: 'Kaushan Script', sans-serif;
    margin: 30px 0 0;
    font-size: 70px;
    color: #fafafa;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
