* { box-sizing: border-box; }
* { scrollbar-width: thin; scrollbar-color: #484848 #f78d05; }
*::-webkit-scrollbar { width: 12px; }
*::-webkit-scrollbar-track { background: #484848; }
*::-webkit-scrollbar-thumb { background-color: #f78d05; border-radius: 10px; border: 3px solid #484848; }
@font-face { font-family: 'NovaMono'; src: url('/fonts/NovaMono.ttf')  format('truetype') }
body { background-image: url("/images/background.ny.png"); background-repeat: repeat; background-color #000000; background-attachment: fixed; }
body { font-size: 1em; font-family: "NovaMono", monospace; color: #EEEEEE; padding: 1em; }
p { font-size: 1em; font-family: "NovaMono", monospace; color: #EEEEEE; }
h2 { font-size: 1.875em; font-family: "NovaMono", monospace; color: #EEEEEE; line-height: 300%; text-align: center; }

/* START MEDIA ALL */

@media all and (max-width: 999px)

    {

    .flex-menu { flex-flow: column wrap; justify-content: space-evenly; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
    .flex-menu-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
    .flex-menu-child li:last-of-type a { border-bottom: none; }

    .flex-stats-menu { flex-flow: column wrap; justify-content: space-evenly; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-stats-menu-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-stats-menu-child li:last-of-type a { border-bottom: none; }
    .flex-stats-menu-cc-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-stats-menu-cc-child li:last-of-type a { border-bottom: none; }

    .flex-members-menu { flex-flow: column wrap; justify-content: space-evenly; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-members-menu-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-members-menu-child li:last-of-type a { border-bottom: none; }
    .flex-members-menu-cc-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
    .flex-members-menu-cc-child li:last-of-type a { border-bottom: none; }

    .flex-main { flex-flow: column wrap; justify-content: space-evenly; padding-top: 1px; padding-bottom:1px; padding-right: 1px; padding-left:1px; }
    .flex-main-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 1px; padding-bottom:1px; padding-right: 1px; padding-left:1px; }

    .flex-footer { flex-flow: column wrap; justify-content: space-evenly; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
    .flex-footer-child { flex: 1 1 auto; flex-flow: column wrap; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
    .flex-footer-child2 { flex: 1 1 auto; flex-flow: column wrap; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
    .flex-footer-child li:last-of-type a { border-bottom: none; }

    #gamestattable { flex-direction: column; }
    #gamestattable p { text-align: center; }
    #gamestattable div { text-align: center; }

    }

/* END MEDIA ALL */

.flex-menu { max-width: 1260px; justify-content: space-evenly; display: flex; flex-wrap: row wrap; align-content: center; background-color: rgba(48, 48, 48, 0); border-radius: 10px; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
.flex-menu-child { min-width: 300px;  max-width: 300px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 10px; margin: 10px; }
.flex-menu-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 10px; text-align: center; padding: 10px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-menu-child a:hover { background: #f78d05; }
.flex-menu-child li { text-align: center; }
.flex-menu-opacity { opacity: 0.7; }

.flex-stats-menu { max-width: 1000px; justify-content: space-evenly; display: flex; flex-wrap: row wrap; align-content: center; background-color: rgba(48, 48, 48, 0); border-radius: 4px; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
.flex-stats-menu-child { min-width: 135px;  max-width: 185px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 4px; margin: 2px; }
.flex-stats-menu-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 4px; text-align: center; padding: 3px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-stats-menu-child a:hover { background: #f78d05; }
.flex-stats-menu-child li { text-align: center; }
.flex-stats-menu-cc-child { min-width: 185px;  max-width: 185px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 4px; margin: 2px; }
.flex-stats-menu-cc-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 4px; text-align: center; padding: 3px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-stats-menu-cc-child a:hover { background: #f78d05; }
.flex-stats-menu-cc-child li { text-align: center; }

.flex-members-menu { max-width: 1000px; justify-content: space-evenly; display: flex; flex-wrap: row wrap; align-content: center; background-color: rgba(48, 48, 48, 0); border-radius: 4px; padding-top: 2px; padding-bottom:2px; padding-right: 2px; padding-left:2px; }
.flex-members-menu-child { min-width: 135px;  max-width: 185px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 4px; margin: 2px; }
.flex-members-menu-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 4px; text-align: center; padding: 3px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-members-menu-child a:hover { background: #f78d05; }
.flex-members-menu-child li { text-align: center; }
.flex-members-menu-cc-child { min-width: 185px;  max-width: 185px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 4px; margin: 2px; }
.flex-members-menu-cc-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 4px; text-align: center; padding: 3px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-members-menu-cc-child a:hover { background: #f78d05; }
.flex-members-menu-cc-child li { text-align: center; }
.flex-members-menu-opacity { opacity: 0.7; }

.flex-main { max-width: 1200px; display: flex; background-color: rgba(48, 48, 48, 0); padding-top: 1px; padding-bottom:1px; padding-right: 1px; padding-left:1px; }
.flex-main-child { margin: 0px; flex: 1 1 auto; justify-content: center; align-items: center; background-color: rgba(48, 48, 48, 0); }
.flex-main-child div { text-align: justify; }

.flex-footer { max-width: 1260px; justify-content: space-evenly; display: flex; flex-wrap: row wrap; align-content: center; background-color: rgba(48, 48, 48, 0); border-radius: 10px; padding-top: 3px; padding-bottom:3px; padding-right: 3px; padding-left:3px; }
.flex-footer-child { min-width: 300px;  max-width: 300px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; background: #303030; border-radius: 10px; margin: 10px; }
.flex-footer-child a { text-decoration: none; display: block; color: #EEEEEE; border-radius: 10px; text-align: center; padding: 10px; border: 2px solid rgba(255, 255, 255,0.3); }
.flex-footer-child a:hover { background: #f78d05; }
.flex-footer-child li { text-align: center; }
.flex-footer-child2 { min-width: 300px;  max-width: 300px; flex-basis: auto; flex-grow: 1; justify-content: space-around; align-content: center; display: block; background: rgba(48, 48, 48, 0); border-radius: 10px; margin: 10px; color: #EEEEEE; text-align: center; padding: 10px; border-top: 1px solid rgba(48, 48, 48, 0); border-bottom: 1px solid rgba(48, 48, 48, 0); }
.flex-footer-child2 li { text-align: center; }
.flex-footer-line { width: 100%; display: block; align-content: center; border: 3px solid rgba(48, 48, 48, 1); border-radius: 2px; }

.activepage { font-size: 1.5em; letter-spacing: 4px; text-shadow:2px 2px 0 #444; }
.activelink {  letter-spacing: 4px; }

gamestatbody { display: flex; flex-direction: column; justify-content: space-around; margin: 0; max-width: 1200px; }
gameheader { background: rgba(48, 48, 48, 0.6); }
gameheader { font-size: 1.6em; letter-spacing: 1px; }
gameheader { padding-top: 0.75em; padding-bottom: 1em; }
#gamestattable { display: flex; flex: 1; }
#gamestattable > gameinfo { background: rgba(48, 48, 48, 0.6); }
#gamestattable > gameimage { background: rgba(48, 48, 48, 0.6); min-width: 290px; }
#gamestattable > gameplayers1 { background: rgba(48, 48, 48, 0.6); }
#gamestattable > gameplayers2 { background: rgba(48, 48, 48, 0.6); }
#gamestattable > gameimage { order: -1; }
#gamestattable > gameimage { flex: 1; }
#gamestattable > gameinfo { flex: 1; padding-left: 2em; padding-right: 2em; text-align: left; line-height: 175%; }
#gamestattable > gameplayers1 { flex: 1; padding-left: 2em; padding-right: 2em; text-align: left; line-height: 175%; }
#gamestattable > gameplayers2 { flex: 1; padding-left: 2em; padding-right: 2em; text-align: left; line-height: 175%; }
#gamestattable > gameimage { padding-left: 2em; padding-right: 2em; padding-bottom: 2em; }
gamestatheadertext { color: #F78D05; letter-spacing: 1.5px; text-align: left; line-height: 175%; }
gamestatheadertext2 { color: #EEEEEE; letter-spacing: 1.5px; text-align: left; line-height: 300%; font-weight: bold; }
botid { color: #484848; }
#gamestattable a { text-decoration: none; color: #4DB319; }
#gamestattable a:hover { text-decoration: none; color: #4DB319; }

.register-form input[type=text] { width: 100%; max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.register-form input[type=password] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.register-form input[type=submit] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.register-form input[type=submit]:hover { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid rgba(255, 255, 255,0.3); background-color: #f78d05; color: #EEEEEE; resize: none; }
.register-form input[type=email] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }

.login-form input[type=email] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.login-form input[type=password] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.login-form input[type=submit] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.login-form input[type=submit]:hover { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid rgba(255, 255, 255,0.3); background-color: #f78d05; color: #EEEEEE; resize: none; }

.article-form input[type=text] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.article-form input[type=textarea] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.article-form input[type=submit] { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; resize: none; }
.article-form select { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; border: 2px solid #484848; background-color: #303030; color: #EEEEEE; }
.article-form option { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; background-color: #303030; color: #EEEEEE; }
.article-form input[type=submit]:hover { width: 100%;  max-width: 400px; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid rgba(255, 255, 255,0.3); background-color: #f78d05; color: #EEEEEE; resize: none; }