@charset "UTF-8";
/* CSS Document */

body {
  background-image: url(images/homeBackground.jpg);
  background-position: center, center;
  background-repeat: repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  font-family: helvetica, arial;
  font-size: 9pt;
  letter-spacing: 1px;
  color: #ffffff;
  
}
h1 {
  font-family: helvetica, arial;
  font-size: 20pt;
  color: #ffffff;
  font-weight: bold;
}

p {
  font-family: helvetica, arial;
  font-size: 9pt;
  letter-spacing: 1px;
  color: #ffffff;
}

ul {
  font-family: helvetica, arial;
  font-size: 8pt;
  letter-spacing: 1px;
  color: #ffffff;
}


a:link {
  color: #ffffff;
  background: none;
  text-decoration: underline;
  font-family: helvitica, arial;
}

a:hover {
  text-decoration: none;
  filter: invert(90%);
}

a:visited {
  color: #ffffff;
  background: none;
  text-decoration: underline;
}

#transparent {
  opacity: 0.7;
}

#bg
{
  width: 100%;
  z-index: 0;
}

.navbar {
  overflow: hidden;
  background-color: #000000;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

.card {
        width: 130px;
        height: 195px;
        background: url("images/card-back.jpg") no-repeat;
        display: inline-block;
    }
    .card:hover {
        background: url("images/card-front.jpg") no-repeat;
    }