* {margin: 0px; padding: 0px; border: 0px;}
body {background-color: rgb(223,223,223);}

/* Optimized for mobile */
@media (max-width: 1000px)
{
div {}
  .contentbox {position: relative; max-width: 80%; margin: 0px auto; background-color: rgb(223,223,223); color: rgb(51,51,51);}
p {background-color: transparent; color: rgb(51,51,51); font: 1.125em/1.125em 'AtkinsonHyperlegible', Helvetica, sans-serif;}
  .name {text-align: center; font-size: 3.75rem; line-height: 3.75rem; font-weight: 1; font-family: 'Geist-Thin', Helvetica, sans-serif; margin: 1rem 0 0 0; padding: 0; background-color: transparent;}
  .subname {text-align: center; font-size: 3rem; line-height: 3rem; font-weight: 1; font-family: 'Geist-Thin', Helvetica, sans-serif; margin: 0 0 .25em 0; padding: 0; background-color: transparent;}
  .content {margin: 0em 0em 0em 1.75em}
  .yearheading {margin: 0em 0em 0em 1.75rem;color: rgb(25,25,25);}
  .yearcontent {margin: 0em 0em 0em 4em; text-indent: -2em;}
  .seasoncontent {margin: 0em 0em 0em 3em; text-indent: -2em;}
  .footer {color: rgb(0,51,102); text-align: center; font-size: 1.25em; margin: 1rem 0em 2em 0em;}
i {background-color: rgb(223,223,223); color: rgb(38,38,38); font-weight: normal;}
a {text-decoration: none;}
summary {background-color: transparent; color: rgb(51,51,51); font: 1.125em/1em AtkinsonHyperlegible, Helvetica, sans-serif; font-weight: normal; margin: 1.25em 0em 0.25em 0em;}
details summary::marker {content: "+ "; font-weight: bold;}
details[open] summary::marker {content: "- "; font-weight: bold;}
}

/* Optimized for desktop */
@media (min-width: 1001px)
{
div {}
  .contentbox {position: relative; max-width: 750px; margin: 0px auto; background-color: rgb(223,223,223); color: rgb(51,51,51);}
p {background-color: transparent; color: rgb(51,51,51); font: 1.25em/1.25em 'AtkinsonHyperlegible', Helvetica, sans-serif;}
  .name {text-align: center; font-size: 6em; line-height: 6rem; font-weight: 1; font-family: 'Geist-Thin', Helvetica, sans-serif; margin: 1.5rem 0 0 0; padding: 0; background-color: transparent;}
  .subname {text-align: center; font-size: 5em; line-height: 5rem; font-weight: 1; font-family: 'Geist-Thin', Helvetica, sans-serif; margin: 0 0 1.5rem 0; padding: 0; background-color: transparent;}
  .content {margin: 0em 0em 0em 1.625rem}
  .yearheading {margin: 0em 0em 0em 1.625rem;color: rgb(25,25,25);}
  .yearcontent {margin: 0em 2em 0em 5.25rem; text-indent: -1.75rem;}
  .seasoncontent {margin: 0em 0em 0em 3em; text-indent: -2em;}
  .footer {color: rgb(0,51,102); text-align: center; font-size: 1.25em; margin: 1rem 0em 2em 0em;}
i {background-color: rgb(223,223,223); color: rgb(38,38,38); font-weight: normal;}
a {text-decoration: none;}
summary {background-color: transparent; color: rgb(51,51,51); font: 1.3125em/1em AtkinsonHyperlegible, Helvetica, sans-serif; font-weight: normal; margin: 1.25em 0em 0.25em 0em;}
details summary::marker {content: "+ "; font-weight: bold;}
details[open] summary::marker {content: "- "; font-weight: bold;}
}