/*
  File: ajaxHandlebars.css
  Author: Shane John
  Date: 2025-07-15
  Course: CPSC 3750 – Web Application Development
  Purpose: General Stylings
  Note: Most of my effort here was on making the columns fit with the need to scroll by the user.
*/
.positions-container 
{
  overflow: hidden;
}
.position-column 
{
  float: left;         
  width: 30%;           
  padding: 0 1.5%;
}
.player-card 
{
  padding: 3%;
  margin-bottom: 30px;
  background-color: rgb(0, 123, 223);
  border-radius: 10px;
}
.position-column h2 
{
  color: #26324a;
  margin-bottom: 10px;
  text-align: left;
}
.position-column strong 
{
  color: #ffffff;
}