<style type="text/css">
<!--
  A.roll:link    {color:black; text-decoration: none; }
  A.roll:visited {color:black; text-decoration: none; }
  A.roll:hover   {color:red; text-decoration: none; }
  A.roll:active  {color:red; text-decoration: none; }

  A.rollb:link    {color:blue; text-decoration: none; }
  A.rollb:visited {color:blue; text-decoration: none; }
  A.rollb:hover   {color:red; text-decoration: none; }
  A.rollb:active  {color:red; text-decoration: none; }

  A.rollr:link    {color:red; text-decoration: none; }
  A.rollr:visited {color:red; text-decoration: none; }
  A.rollr:hover   {color:white; text-decoration: none; }
  A.rollr:active  {color:white; text-decoration: none; }

  A.rollwr:link    {color:white; text-decoration: none; }
  A.rollwr:visited {color:white; text-decoration: none; }
  A.rollwr:hover   {color:red; text-decoration: none; }
  A.rollwr:active  {color:red; text-decoration: none; }

  A.rollw:link    {color:white; text-decoration: none; }
  A.rollw:visited {color:white; text-decoration: none; }
  A.rollw:hover   {color:black; text-decoration: none; }
  A.rollw:active  {color:black; text-decoration: none; }

  A.rollg:link    {color:#aaffaa; text-decoration: none; }
  A.rollg:visited {color:#aaffaa; text-decoration: none; }
  A.rollg:hover   {color:white; text-decoration: none; }
  A.rollg:active  {color:#aaffaa; text-decoration: none; }

  A.rollx:link    {color:white; text-decoration: none; }
  A.rollx:visited {color:white; text-decoration: none; }
  A.rollx:hover   {color:white; text-decoration: none; }
  A.rollx:active  {color:red; text-decoration: none; }

  A.pathlink:link    {color:"#ffffff"; text-decoration: none; }
  A.pathlink:visited {color:"#ffffff"; text-decoration: none; }
  A.pathlink:hover   {color:black; text-decoration: none; }
  A.pathlink:active  {color:black; text-decoration: none; }

.container {
  position: relative;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
-->
</style>