@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

:root{
    --primary-color: #fff;
    --secondary-color: #F25623;
    --black-color: #000000
}
body{
    margin:0;
    background:url(/assets/images/background.png) fixed;
    background-size:cover;
    background-position: center;
    font-family: 'Paperlogy';
}

#app{
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    backdrop-filter: blur(30px);
}
#backgroundLogo{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    align-content: center;
    justify-self: center;
    align-self: center;
    opacity: .028;
    width: 50%;
    z-index: -1;
}
#backgroundLogo img{
    width: 100%;
}
#content{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    position: relative;
    height: 100%;
    align-content: center;
}
#content #logo{
    width:calc(100% /2);
}
#content h4{
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-top: 5em;
    letter-spacing: .75px;
}