html {
    background-color: #000 !important;
    background: url(images/background.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    background: transparent;
    color: white;
}

h1 {
    font-family: Courier, monospace;
    text-shadow: 1px 1px #00000055;
}
h2 {
    font-family: Courier, monospace;
    text-shadow: 1px 1px #00000055;
}
ul {
    list-style-position: inside;
}
.toplogo {
    max-width: 100%;
    height: auto;
}
.table {
    font-family: Courier, monospace;
    font-size: 1.3em;
    margin: 0 auto;
    width: 60% !important;
    text-shadow: 1px 1px #00000055;
    text-align: left;
}
.table th {
    font-style: italic;
}
.page_contents {
    margin-top: 5px;
}
.table td, .table th {
    border-top: none;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px #00000055;
}

.table a, .table thead th {
    color: white;
}

.dim, .dim a, .dim thead th{
    color: rgba(200, 200, 200, 0.4);
}
.dim thead th{
    border-color: rgba(200, 200, 200, 0.4);
}

.table a, .table a:active, .table a:visited {
    text-decoration: none;
}

.form {
    margin: 0 auto;
    padding: 5px;
}
.form-group {
    font-family: Courier, monospace;
}
.form-group label{
    font-family: Courier, monospace;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px #00000055;
}
.form-group button{
    font-family: Courier, monospace;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px #00000055;
}
.boldbutton{
    font-family: Courier, monospace;
    font-weight: bold;
    font-size: 1.3rem;
    text-shadow: 1px 1px #00000055;
}
.widebutton {
    width: 100%;
    text-align: left;
}
.g-recaptcha {
    display: inline-block;
}
.alert-success {
    color: lightgreen;
    background-color: black;
    border-color: #333;
}
.alert-danger {
    color: red;
    background-color: black;
    border-color: #333;
}
.alert-warning {
    color: orange;
    background-color: black;
    border-color: #333;
}
.close {
    color: #fff;
}
.you {
    font-style: italic;
    color: #dd4;
}
@keyframes blink {
    0% {
           color: rgba(255,0,0,1)
    }
    50% {
           color: rgba(255,0,0,0.2)
    }
    100% {
           color: rgba(255,0,0,1)
    }
}
@-webkit-keyframes blink {
    0% {
           color: rgba(255,0,0,1)
    }
    50% {
           color: rgba(255,0,0,0.2)
    }
    100% {
           color: rgba(255,0,0,1)
    }
}
.redblink {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 1.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out;
    /* IE */
    animation:blink normal 1.5s infinite ease-in-out;
    /* Opera */
}

.whiteicons {
    color: #fff;
}

.whiteicons a, .whiteicons a:active, .whiteicons a:visited, .whiteicons a:hover {
    color: #fff !important;
    font-family: Courier, monospace;
    font-size: 1.3em;
    text-shadow: 1px 1px #00000055;
    text-decoration: none;
}

.message-text {
    margin-top: 0.5em;
    padding: 5px;
    font-family: Courier, monospace;
    border: 1px solid #fff2;
    background-color: #000a;
}

.dark-card-text {
    font-family: Courier, monospace;
    border: 1px solid #fff2;
    background-color: #000c;
    text-align: left;
    font-size: 1.3rem;
}

.information-text {
    margin-top: 0.5em;
    padding: 5px;
    font-family: Courier, monospace;
    border: 1px solid #fff2;
    background-color: #000a;
}

.information-text a, .information-text a:active, .information-text a:visited {
    color: #ccc;
    font-family: Courier, monospace;
    font-size: 1.3em;
    text-shadow: 1px 1px #00000055;
    text-decoration: underline;
}

.information-text a:hover {
    color: #fff;
    text-decoration: underline;
}

@media only screen and (max-width: 600px) {
    .table, .form-group button, .form-group label, .table td, .table th {
        font-size: 1em;
    }
    form, .table {
        width: 70% !important;
    }
}

@media only screen and (max-width: 450px) {
    .table, .form-group button, .form-group label, .table td, .table th {
        font-size: 0.8em;
    }
    form, .table {
        width: 90% !important;
    }
}