body {
	background-color: #E2F0FE;
	font-family: sans-serif;
}

.logo {
	width: 100px; /* Adjust logo width as needed */
	margin-right: 10px;
}

.logo-container {
  display: flex;
  align-items: center;
}

#h1-1 {
  font-size: 20px;
  margin-left: 10px; /* Adjust this value as needed */
}

#h1-2 {
	text-align: center;
	font-size: 18px;

}

#container {
	text-align: center;
}

.square {
	background-color: white;
	display: inline-block;
	margin: 2px;
	border: 2px solid #ccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	font-size: 10px;

}
.winner-row {
  display: flex;
  justify-content: space-between; /* Space winners evenly */
  margin-bottom: 10px;
}

.winnerSquare-1, .winnerSquare-2, .winnerSquare-3 {
  flex: 1; /* Give each winner square equal space */
}

.winnerSquare-1 {
	background-color: white;
	display: inline-block;
	margin: 2px;
	border: 5px solid #ccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 11px;
}

.winnerSquare-2 {
	background-color: white;
	display: inline-block;
	margin: 2px;
	border: 5px solid #ccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 12px;
}

.winnerSquare-3 {
	background-color: white;
	display: inline-block;
	margin: 2px;
	border: 5px solid #ccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 12px;
}

.square, .winnerSquare-1, .winnerSquare-2, .winnerSquare-3 {
	line-height: 1.1; /* Adjust this value */
	padding-bottom: 3px;
}

#bib {
	font-weight: bold;
}

#stopTime {
	font-weight: bold;
}

#runner {
	color: rgb(101, 40, 247);
	font-size: 14px;
}

.race-group {
    margin-bottom: 20px;
}

.winner-row {
    display: flex;
    justify-content: center;
}

.square-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}