html {
    width: 100%;
    height: 100%;
}

body {
    background-image: url('/backgr.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% 50%;
    margin: 0;
    /*! background-color: #7671ab; */
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner-index {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 50vw;
    height: 50vh;
    background-image: url('/logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.inner {
}

.h-base {
    font-family: 'Fira Sans', sans-serif;
    color: white;
    font-weight: 300;
    margin: 0px;
    text-align: center;
}

.h-top {
    font-size: 36pt;
}

.h-middle {
    font-size: 144pt;
    line-height: 144pt;
    font-weight: 500;
}

.h-bottom {
    font-size: 48pt;
    
}