/* Universal static cosmetic changes */

html, body {
  margin: 0;
  background-color:#444a47;
  height: calc(100% - 1.5rem - .3rem);
}

/*Footer*/
#footer {
  position:absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - .6rem);
  border: .3rem solid #b1b8af;
  text-align:center;
  font-size: 1.2rem;
  height: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  color:whitesmoke;
  background:#ff6347;
}

/*Header*/
#header {
  position:absolute;
  left:0px;
  top: 0px;
  width:calc(100% - .6rem);
  height: 2rem;
  border: .3rem solid #b1b8af;
  text-align:center;
  font-size: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color:whitesmoke;
  background:#ff6347;
}

/*Links panel*/
#links{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  border-collapse: collapse;
  width: 30%;
}
#links td, #links th {
  border: 0.3rem solid #b1b8af;
  text-align:center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#links tr:nth-child(even){background-color: #313131;}
#links tr:hover {background-color: #727571;}
#links th {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}
#links a:link, a:visited, a:active {
  color: lightgreen;
  background-color: transparent;
  text-decoration: none;
}
#links a:hover {
  color: whitesmoke;
  background-color: transparent;
  text-decoration: none;
}

  table, th, td {
    border:0.2rem solid black;
  }

  /* Alignment */
  .center {
    margin: auto;
    width: 100%;
  }
  .revealOnHover{
    visibility:visible;
    z-index: -100;
  }
  .revealOnHover:hover{
    visibility: visible;
    z-index: 1000;
  }
  .hideOnHover{
    visibility: inherit;
    z-index: inherit;
  }
  .hideOnHover:hover{
    visibility: hidden;
    z-index: -1000;
  }



  /* Things to apply to text */
  .stroke
  {
    color: whitesmoke;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;  
}
  .strokeThin
  {
      color: whitesmoke;
      text-shadow:
      -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
      1px 1px 0 #000;  
  }
  .weirdText
  {
    color: whiteSmoke;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,  
    -2px -4px 0 #188d00,
    2px -3px 0 #c50b0b,
    -3px 4px 0 #351e9b,
    2px 5px 0 #7a1569;
     
}
.shadowFar
  {
    color: whiteSmoke;
    text-shadow:
    100px -15px 0 #000,
    0px -5px 0 #000,
    0px 5px 0 #000,
    0px 10px 0 #000;  
}
.shadowLeft
  {
      color: white;
      text-shadow:
      -3px 3px 0 #000,
      1px 3px 0 #000,
      -3px -3px 0 #000,
      1px 3px 0 #000;  
  }