body {
    background-color: #000000;
    color: #F6F7EB;
    font-family: Verdana;
    background-image: url("/space-bg-seamless-small.png");
    background-repeat: repeat;
}

nav{
    background-color: #00000000;
}

.navbar-nav{
    margin-left: 15px;
}

.nav-link{
    color: #F6F7EB;
}

.nav-link:hover{
    color: #696964;
}

h1{
    text-align: center;
}

img{
    max-width: 90vw;
}

.img-400{
    width: 400px;
    height: auto;
}

.width-100{
    width : 100%;
}

.margin-top-bottom{
    margin-top: 16px;
    margin-bottom: 16px;
}

.text-align-center{
    text-align: center;
}

.centered{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer{
    background-color: #00000000;
    color: #F6F7EB;
    min-height: 80px;
    text-align: center;
    font-size: 48px;
    width: 100%;
}

.footer-text {
    font-size: 12px;
}

.flex{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

@media (max-width:800px){
    .flex{
        flex-wrap: wrap;
    }
}

.logo {
    height: 40px;
    width: auto;
    border-radius: 100%;
    margin-left: 15px;
}

.footer-link{
    height: 40px;
    width: auto;
    color: #F6F7EB;
}

.footer-link:hover{
    color: #696964;
}

.main{
    padding-top: 20px;
    min-height: calc(100vh - 320px);
}

.margin {
    margin-left: 60px;
    margin-right: 60px;
}

.round{
    border-radius: 100%;
}

.tflag{
    height: 80px;
}

.tflag > div{
    height: 20%;
}

.bg-teal{
    background-color: #67ACBD;
}
.bg-pink{
    background-color: #DE7171;
}
.bg-w{
    background-color: #FFFFFF;
}