* {box-sizing: border-box;}

body {font-family: monospace; text-align: center; color: #fff; padding: 0; margin: 0 auto; width: 1600px; box-sizing: border-box;}

.main {padding: 16px 0 24px;}
.header {margin: 16px 0}

h1, h2, h3 {margin: 6px 6px; }
p {margin: 6px 6px; text-align: justify; text-align-last: center; line-height: 1.5; word-spacing: 0.25px;}
a {color: inherit; text-decoration: underline; text-underline-offset: 3px;}

ul, ol {display: inline-block; text-align: left; max-width: 80%}
li {margin-bottom: 16px;}

.servers-parent {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: space-around; align-items: stretch;}
.servers {display: inline-block; width: 250px; min-height: 120px; vertical-align: middle; padding: 10px 4px; margin: 4px; border: 1px solid #fff;}

.info-parent {font-size: 1.5em;}
.info {display: inline-block; width: 600px; vertical-align: middle; padding: 24px 16px; border: 1px solid #fff;}

.services div {font-size: 1.5em; display: inline-block; width: 150px; margin-top: 8px;}

table {width: 100%; margin: 0 auto; overflow: hidden; white-space: nowrap; border-collapse: collapse; text-align: left;}
td {padding-bottom: 2px;}
th {padding-bottom: 4px;}

.hide {display: none;}

.score, .kills, .deaths, .frags {width: 50px;}
.time {width: 100px;}
.p2, .p3 {padding-left: 16px; text-align: right;}
.p0 {text-align: center;}
.info {margin-bottom: 8px;}
.players, table {font-family: monospace; font-size: 0.9em;}

@media screen and (max-width: 1600px) {
	body {width: 100vw;}
}