@font-face {
    font-family: "ubuntu-regular";
    src: url("../../includes/fonts/ubuntu-regular.woff2") format("woff2"),
    url("../../includes/fonts/ubuntu-regular.woff") format("woff");
}
@font-face {
    font-family: "ubuntu-condensed";
    src: url("../../includes/fonts/ubuntu-condensed.woff2") format("woff2"),
    url("../../includes/fonts/ubuntu-condensed.woff") format("woff");
}
@font-face {
    font-family: "ubuntu-mono";
    src: url("../../includes/fonts/ubuntu-mono.woff2") format("woff2"),
    url("../../includes/fonts/ubuntu-mono.woff") format("woff");
}

html
{
    background-color: #ffffff;
}

body
{
    font-family: "ubuntu-regular";
}

.Indexbody
{
    height: 100vh;
}

.bg
{
    height: 100%;
    background: url("../../img/LandBG.jpg") no-repeat center;
    background-size: cover;
    z-index: 1;
}

.bg2
{
    height: 100%;
    background: url("../../img/UnderConstruction.jpg") no-repeat center;
    background-size: cover;
    z-index: 1;
}

.LogoDiv
{
    position: absolute;
    width: 100vw;
    z-index: 2;
    top: 8%;
    left: 0px;
    text-align: center;
}

.SubtitleDiv
{
    position: absolute;
    width: 100vw;
    z-index: 3;
    top: 50%;
    left: 0px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: xxx-large;
}

.ContactDiv {
    position: absolute;
    width: 100vw;
    z-index: 4;
    left: 0px;
    top: 85%;
    text-align: center;
    font-weight: bold;
    font-size: large;
    color: #ffffff;
}

.glow {
    font-size: 80px;
    color: #fff;
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow
{
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #136493, 0 0 40px #136493, 0 0 50px #136493, 0 0 60px #136493, 0 0 70px #136493;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #136493, 0 0 40px #136493, 0 0 50px #136493, 0 0 60px #136493, 0 0 70px #136493, 0 0 80px #136493;
    }
}

.CursorHand {
    cursor: pointer;
}

.Spacer
{
    width: 50px;
}

.MainDIV
{
    margin-top:5rem!important;
    width: 100vw;
    height: 100vh;
    vertical-align: middle;
    align-items:center;
}

.Centered {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-color: #0dcaf0;
}

.bg-DarkBlue
{
    background-color: #136493;
}


.fg-white
{
    color: #ffffff;
}