body {
  background-image: url(background.png);
  margin: 8px;
}

h1, .movetitle {
  background-color:red;
  font-family:evening-twilight;
  color:white;
  font-size:50px;
}
.content {
  width: 95%;
  background-color: rgba(128, 128, 128, 0.78);
  padding: 10px;
}

.nav {
  padding: 10px;
  background-color: #0090e3;
  width: 95%;
}

.content, .nav, .a {
  margin: auto;
}

.funnilog {
  float:right;
  padding:20px;
  position: relative;
  animation: slide 2s;
}

@keyframes slide {
  from {left: 300px;}
  to {left: 0px;}
}
h1 {
background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(0,212,255,0) 50%);
}

h3 {
  color: white;
  font-family:verdana;
}

table, th, td {
  border: 1px solid white;
  color: white;
}

.noborders { 
  border-width: 0px;
  }

p {
  color: white;
  font-family:helvetica;
}

li {
  color: white;
  font-family:helvetica;
}

.center{
  text-align:center;
}

@font-face{
  font-family: Sniglet;
  src: url(sniglet.ttf);
}

@font-face{
    font-family: Pricedown;
  src: url(pricedown.otf);
}

@font-face{
    font-family: evening-twilight;
  src: url(evening-twilight.otf);
}

@font-face{
    font-family: tapeychars;
  src: url(Tapeychars.ttf);
}

a:link {
  background-color: cyan;
  border-radius: 30%;
  padding: 2px;
}

a:visited {
  color: rgb(0 65 105);
  border-radius: 30%;
  padding: 2px;
}

a:hover {
  background-color: midnightblue;
  border-radius: 30%;
  padding: 2px;
}

a:active {
  background-color: red;
  border-radius: 30%;
  padding: 2px;
}

.nav a:active {
  background-color: transparent;
  border-radius: 0%;
  padding: 2px;
}

.nav a:link {
  background-color: transparent;
  border-radius: 0%;
  padding: 2px;
}

.nav a:visited {
  padding: 2px;
}

.nav a:hover {
  background-color: transparent;
  border-radius: 0%;
  padding: 2px;
}

h2 {
 color: white; 
}