body{
  margin: 0;
  padding: 0;
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 16px;
  color: #C31311;
  font-weight: 900;
}

.bg{
  background: url("liarsofficial_slitbg.jpg");
}

.container{
  display: grid;
  height: 740px;
  grid-gap: 0px;
  grid-template-columns: 10% 60% 30%;
  grid-template-rows: 20% 60% 20%;
}

.container div{
  background-size: cover;
  background-attachment: fixed;
}

.links {
  grid-area: links;
  text-align: right;
  padding: 10px 15px 0px 0px;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}    

.faded {
  filter: opacity(23%);
}

.faded:hover {
  filter: opacity(85%);
}

.zoom {  
  filter: opacity(39%);
}

.zoom:hover {
  filter: opacity(90%);
}

.main {
  grid-area: main;
  text-align: left;
  padding: 100px 100px 0px 100px;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}

.footer {
  grid-area: footer;
  text-align: right;
  padding: 0px 25px 10px 0px;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}

a:link {
  color: #FFFFFF;
}

a:visited {
  color: #FFFFFF;
}

a:active {
  color: #FC3F03;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

img {
  filter: opacity(100%);
}

img:hover {
  filter: opacity(65%);
}

h1 {
  font-size: 20px;
  color: #C31311;
  font-weight: 900;
}