body {
    font-family: Arial, sans-serif;
    margin: 0;
    position: relative;
    width: 100%;
    height: 1080px;
	background: linear-gradient(to right, var(--away-color) 0%, var(--away-color) 50%, var(--home-color) 50%, var(--home-color) 100%);
}

.score-container {
    margin: 20px;
    max-width: 960px;
	height: 100%;
}

.top-box {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
}

.top-box .box {
    width: 23%;
    background-color: transparent;
    border: 2px solid white;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
	font-size: 100px;
    font-family: 'Proxima Nova', sans-serif;
    text-align: center;
	text-shadow: 2px 2px 4px black;
	position: relative;
}

.top-box .box:nth-child(1),
.top-box .box:nth-child(4) {
    height: 215px;
}

.top-box .box:nth-child(2),
.top-box .box:nth-child(3) {
    height: 112px;
	border: 2px solid white;
}

.top-box .box:not(:last-child) {
    margin-right: 2%;
}

.top-box .box .game-time {
    position: absolute;
	left: calc(100% + 12%);
    top: 130px;
    width: calc(214%);
    height: 83px;
    border: 2px solid white;
    background-color: black;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

/* Additional styles for error message */
#error-message {
    color: red;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px; /* Adjust the margin as needed */
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Semibold.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Black.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.woff') format('woff'),;
    font-weight: normal;
    font-style: normal;
}

.away-stats-box {
	position: absolute;
	    width: calc(50% - 40px); /* 15px on either side of the centerline */
	    top: 260px; /* Adjust the top position as needed */
	    height: 808px;
	    border-top: 3px solid white;
	    background-color: transparent;
	    box-sizing: border-box;
	    display: flex;
	    flex-direction: column;
}

.away-stats-title {
    height: 40px; /* Adjust the height as needed */
    border-bottom: 3px solid white;
    box-sizing: border-box;
	background-color: white;
    font-weight: bold;
    font-size: 35px;
    font-family: 'Proxima Nova', sans-serif;
    text-align: center;
    color: var(--away-color);
}

.away-stats-row {
    flex: 1;
    border-bottom: 3px solid white;
    position: relative;
}

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

.away-points-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.away-points-text {
    flex: 1;
}

.away-points-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.away-points-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.away-rebounds-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.away-rebounds-text {
    flex: 1;
}

.away-rebounds-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.away-rebounds-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.away-assists-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.away-assists-text {
    flex: 1;
}

.away-assists-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.away-assists-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.home-stats-box {
    position: absolute;
    left: calc(50% + 15px);
	top: 260px; /* Adjust the top position as needed */
    width: calc(50% - 40.5px); /* 15px on either side of the centerline */
    height: 808px;
    border-top: 3px solid white;
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.home-stats-title {
    height: 40px; /* Adjust the height as needed */
    border-bottom: 3px solid white;
    box-sizing: border-box;
	background-color: white;
    font-weight: bold;
    font-size: 35px;
    font-family: 'Proxima Nova', sans-serif;
    text-align: center;
    color: var(--home-color);
}

.home-stats-row {
    flex: 1;
    border-bottom: 3px solid white;
    position: relative;
}

.home-points-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.home-points-text {
    flex: 1;
}

.home-points-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.home-points-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.home-rebounds-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.home-rebounds-text {
    flex: 1;
}

.home-rebounds-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.home-rebounds-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.home-assists-headshot {
	width: 350px;
    height: 254px;
    background-size: cover;
    background-position: bottom bottom;
    margin-right: 15px;
}

.home-assists-text {
    flex: 1;
}

.home-assists-name {
	color: white;
    font-size: 45px; /* Adjust the font size as needed */
    margin-bottom: 5px;
    font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.home-assists-stats {
    color: white;
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Proxima Nova', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}