#main-layout {
    position: absolute;
    top: 80px;        /* height of navbar */
    bottom: 0;
    left: 0;
    right: 0;
}
.column-container {
    height: 100%;
    overflow-y: auto;
}
.dropdown-menu {
    max-height: 250px;
    overflow-y: auto !important;
}
#stats-column {
    height: calc(100vh - 80px);
    overflow-y: auto;
    padding-right: 10px;
    padding-left: 10px;
}
#court-left{
    font-family: 'Open Sans', sans-serif;
}
#court {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    bottom: 0px;
}
#court-right{
     font-family: 'Open Sans', sans-serif;
 }
#court {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    bottom: 0px;
}


/* container for BOTH courts */
.courts-row {
    display: flex;              /* put children in a row */
    justify-content: center;    /* center the pair horizontally */
    align-items: flex-start;    /* align to top; use center for vertical centering */
    gap: 250px;                 /* space between the two courts */
    max-width: 1100px;          /* total width of the two courts + gap */
    margin: 40px auto;          /* center the row on the page, add top margin */
    padding: 0 16px;            /* some side padding on small screens */
}

.court-container {
    flex: 0 0 45%;              /* each court ~45% width of the row */
    position: relative;         /* so Court.js can size SVG inside */
    height: 70vh;               /* controls vertical size; tweak as you like */
}
body {
    font-family: 'Open Sans', sans-serif;
}

.column-container {
    height: 100vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px; /* space for fixed navbar */
}

.court-container {
    width: 100%;
    max-width: 500px;
    position: relative;
}

.team-logo {
    width: 120px;
    margin-top: 10px;
    display: block;
}

#stats-column {
    padding-top: 40px;
    padding-bottom: 10px;
}

#stats-list {
    max-height: 70vh;
    overflow-y: auto;
}
.team-logo {
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}