@font-face {
    font-family: "LiberationMono";
    src: url(../fonts/liberation-mono/LiberationMono-Regular.ttf) format("truetype");
}

body {
    background-color:black;
    font-family: "LiberationMono";
    /* color: #20C20E; */
    color: #FFF;
    text-align: center;
}

p {
    text-align: justify;
}


.trifold {
    display: flex;
    flex-wrap: wrap;
}

.trifold-first, .trifold-second {
    flex-basis:300px;
    padding: 20px;
}

.trifold-first {
    flex-grow:100 !important;
}

.trifold-second {
    flex-grow:1;
}

.hex-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.con {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    border-style: none none solid none;
    border-width: 1px;
}

.main-logo {
    max-width:100%;
}

.contact {
    border-style: solid none none none; 
    border-width: 1px;
}

.sponsor {
    padding: 6px 0px 6px 10px;
}

.floatleft {
    float: left;
    padding: 0px 4px 0px 4px;
}

.floatright {
    float: right;
    padding-left: 4px;
}

.clear {
    float: clear;
}
 
.faq li {
    font-weight: bold;
}

a:visited, a:link {
    color: #20C20E;
}

.def {
    font-size: 65%;
    color: #208008;
}

.neddih {
    color: #000000;
}

/* From Mozilla: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink */

.blink {
    -webkit-animation: 1.1s linear infinite condemned_blink_effect;
    animation: 1.1s linear infinite condemned_blink_effect;
}

@-webkit-keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

/* NAVIGATION */

nav {
    margin-top: 2px;
    text-align: center;
    border-style: none none solid none;
    border-width: 1px;
    display:flex;
}

nav ul {
    margin: 0 auto;
    padding: 0;
    text-indent: 0;
}

nav ul li {
    list-style: none;
    float: left;
    padding: 10px;
    margin: 8px;
}

nav ul li a {
    outline: none;
    padding: 2px 4px;
    text-decoration: none;
}

nav ul li a, nav ul li a:visited {
    display: block;
}

nav ul li a:hover {
    background-color: #20C20E;
    color: #000;
}

@media(max-width:600px){
    nav ul li {
        display:block;
        width:100%;
    }
}