body {
  background-image: url('/img/bg.png');
  background-size: 115% auto;
  background-repeat: no-repeat;
  background-position: top right;
}
body#body-flex {
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
}
.left {
    float:left;
}
.right {
    float:right;
}
.container.small-container {
    max-width:600px;
}
#frontcontent {
    position: relative;
    background: linear-gradient(0, rgba(0,0,0,0.5) 0%, transparent 100%);
    backdrop-filter: blur(10px);
    color: #ffffff;
}
#frontcontent .row > div {
    padding:0;
    padding-right:5px;
    padding-bottom:5px;
}
#frontcontent p {
    font-family: "Coming Soon", Helvetica, Arial, sans-serif;
}
#headerbg {
    z-index: -9999;
    position: absolute;
    height:150px;
    background: rgba(0,0,0,0.7);
    left:0;
    right:0;
}
nav.navbar {
    position: relative;
    margin-bottom:0;
}
nav.navbar .navbar-header {
    height:100px;
}
nav.navbar .navbar-collapse {
    margin-top:55px;
    float:right;
}
nav.navbar .logo {
    position:absolute;
    left:10px;
    bottom:5px;
}
.navbar-nav li a {
    text-shadow: none;
    font-family: "Amatic SC", Helvetica, Arial, sans-serif;
    font-size:250%;
    color: #ffffff;
    line-height: normal;
    height:45px;
    padding: 0 10px;
}
.navbar-nav li a:hover {
    background: transparent;
    color: #dddddd;
}
#maincontent {
    background: #ffffff;
    border-radius:5px;
    padding-bottom:30px;
}
#usercontainer {
    padding: 0 5px;
}
#userinfo {
    background: #000000;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    padding: 0 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#userinfo a {
    color: #ffffff;
}
#footer {
    color: #ffffff;
    font-size:120%;
    display: flex;
    justify-content: space-between;
}
#footer a {
    color: inherit;
}