/* global mascot defaults (safe to keep across the site) */
:root{
  --mascot-size: 500px;

  /* global defaults you can override per page */
  --mascot-left-x: 6vw;
  --mascot-right-x: 6vw;
  --mascot-left-bottom: 0vh;
  --mascot-right-bottom: 0vh;

  /* urls intentionally undefined so no mascots appear unless a page sets them */
  /* --mascot-left-url */
  /* --mascot-right-url */
}


body {
  font-family: 'Montserrat', sans-serif;
  background-image: url('../../images/courtside2.png');
  background-size: cover;
  background-position: center;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 5) the white “card” wrapper — pulled right up under the header */
.wrapper {
  background: rgba(255,255,255,0.95);
  border-radius: 0.75em;
  padding: 2em;
  max-width: 28em;
  width: 100%;
  box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.1);
  text-align: center;
  margin: 0.5em auto 0;  /* tiny gap from header */
}