body {
	font-size: 15px;
	margin: 8px auto;
	font-family: 'Helvetica-Bold', sans-serif;
	font-weight: bold;
	max-width: 80%;
	text-wrap: wrap;
	background-color: #101010;
	color: white;
}

body.body2 {
	margin: 8px auto;
	font-family: Courier, monospace;
	max-width: 75%;
	font-size: 13px;
	background-color: black;
	color: white;
}

#intro > p {
	font-size: 85pt;
}

.musicTitle {
	margin-left: 20pt;
	margin-right: 20pt;
}

.header {
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-decoration: none;
	flex-direction: row;
	justify-content: space-evenly;
	vertical-align: middle;
}

.header > a {
	vertical-align: middle;
	margin-top: 15px;
	margin-bottom: 15px;
}

#index-list {
	font-size: 15px;
	list-style-type: none;
	text-decoration: none;
}

ul {
	list-style-type: none;
}


.red {
	color: red;
}

.padding {
	padding: 20px;
}

.scorebox {
	max-width: 40%;
	border-style: dashed;
	border-radius: 1pt;
	border-color: white;
	margin: 10px;
}

.flex-container {
	font-size: 10pt;
	font-family: Courier, monospace;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.scorebox {
	display: flex;
	flex-direction: column;
	width: 110pt;
	padding: 10pt;
}

.banner {
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-bottom: 10pt;
}

.banner2 {
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.banner3 {
	text-align: center;
}

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

.status {
	text-align: right;
}

.score {
	float: right;
}

.team {
	float: left;
}

.miniscore {
	font-size: 8pt;
}

.rounds {
	line-height: 1.75;
	margin: 10px;
	text-align: center;
}

a {
	color: #236192;
}

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

.header-page-title {
	text-align: center;
	margin: 20pt;
}

.footer * {
	margin-top: 10pt;
	margin-bottom: 10pt;
	text-align: center;
}

table {
	font-family: Courier, monospace;
}

table, th, tr, td {
	font-size: 10pt;
	font-weight: normal;
	padding: 3px;
}

.f1 table, th, tr, td {
	padding: 8px;
}

.ladder {
	display: flex;
	justify-content: center;
}

.back-to-top {
	text-align: center;
	padding: 10px;
}

.f1-round {
	font-size: 12pt;
}

.overview {
	font-size: 8pt;
}

.vaccine {
	text-align: center;
}

.favorites p, h2 {
	text-align: left;
}

.music {
	width: 75%;
	table-layout: fixed;
}

.rating {
	width: 100%;
}

#error {
	color: red;
}

.title {
	font-family: Courier, monospace;
	text-align: center;
}
.Dawar {
	font-size: 2vw;
}

.Ahmed {
	font-size: 2vw;
}

.com {
	font-size: 2vw;
}

.vl {
  border-left: 1px solid white;
  height: 50px;
}

.hr {
	margin: 0px;
}

#myInput {
	margin: 15px;
	background-color: #f7cccc;
	border: none;
}

#response {
	text-align: center;
}

th.theader:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

@media only screen and (max-width: 625px) {
  body {
    max-width: 95%;
  }

  .Dawar {
  	font-size: 10vw;
  }

  .Ahmed {
  	font-size: 10vw;
  }

  .com {
  	font-size: 5vw;
  }

}