/* General body styling */
body {
background-color: black;
color: white;
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

/* Styling the blue square with a red perimeter */
.square {
width: 50em;
height: 50em;
background-color: blue;
border: 7em solid red;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 10em 0;
}

a {
color: white;
text-decoration: none;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

.main-scoreboard {
position: absolute;
top: -4.2em;
left: 50%;
transform: translateX(-50%);
font-size: 3em;
}

.corner-link {
position: absolute;
font-size: 1.5em;
}

.corner5 {
top: -2em;
left: 2%;
}

.corner4 {
top: -2em;
left: 22%;
}

.corner3 {
top: -2em;
left: 42%;
}

.corner2 {
top: -2em;
left: 62%;
}

.corner1 {
top: -2em;
left: 82%;
}