* {
  
  image-rendering: pixelated;
  
}

@font-face {
    font-family: 'CustomFont';
    src: url('fonts/VCR_OSD.ttf') format('truetype');
}

body {
  margin: 0vw;
  background-image: url(images/background.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-color: rgba(0, 0, 0, 1);
  font-family: Verdana;
}

h1 {
  margin: 0vw;
  letter-spacing: 1vw;
  font-size: 1.7em;
  font-family: 'CustomFont', sans-serif;
  -webkit-font-smoothing: none;
  font-weight: normal;
  color: red;
  text-align: center;
  clear: both;
}

p {
  margin: 0vw;
  font-size: 1.5em;
  font-family: 'CustomFont', sans-serif;
  -webkit-font-smoothing: none;
  font-weight: normal;
  color: red;
  text-align: center;
  clear: both;
}

span {
  margin: 0vw;
  font-size: 1.5em;
  font-family: 'CustomFont', sans-serif;
  -webkit-font-smoothing: none;
  font-weight: normal;
  color: red;
  text-align: center;
  clear: both;
}

.ConstructionCard {
  position: static;
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100vw; 
  height: 6em; 
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1));
}

.TitleCard {
  position: static;
  margin-left: 10vw;
  margin-right: 10vw;
  margin-top: calc(100vh - 8em);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.LinkMenu {
  display: grid;
  grid-template-columns: auto auto;
  
  position: static;
  margin-left: 11vw;
  margin-right: 11vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: rgba(255, 255, 255, 0);
}

.GridItem {
  position: static;
}

.GridItemImage {
  vertical-align: middle;
}