body{
  background:url("https://krissatiel.neocities.org/bias/images/background.png");
  background-position-y: bottom;
  height: -webkit-fill-available;
  overflow: hidden;
  background-repeat: repeat-x;
    font-family: "Tiny5";
    text-transform: uppercase;
    font-size: 10px;
    
    background-size: cover;
}
#tab{
  height: 27px;
  width: 904px;
  margin:100px auto  0;
  background: linear-gradient(44deg,rgb(0, 0, 0) 33%, rgb(255, 255, 255) 33%);
  }
#tab span {
  color: #fff;
  padding: 8px;
  margin: 0 88px;
}
#menu {
  background: #000;
  width: 884px;
  margin: auto;
  padding: 0 10px;
  color: #fff;
  border-top: 1px solid #fff;
  height: 21px;
}

#file {
    width: 33%;
    text-align: left;
    font-family: "Tiny5";
}
#title {
    width: 32%;
    text-align: center;
    font-family: "Tiny5";
}
#bye {
    width: 33%;
    text-align: right;
    font-family: "Tiny5";
}
#bye a {
  background: black;
  padding: 0;
  border-width: 0;
  filter: none;
  color: #fff;
  text-decoration: none;
}
#container {
    background: #eeeeee;
    background-size: auto;
    width: 896px;
    margin: auto;
    border: 4px solid black;
    background-size: cover;
    padding: 10px 0;
  }
#card {
    width: 170px;
    background: transparent;
    padding: 3px;
    text-align: center;
    display: inline-block;  
    vertical-align: top;
  }
#card img {
  width: 150px;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  filter: drop-shadow(3px 3px);
  transition: 0.3s linear;
  margin:0 0 3px 0;
}
#card img:hover {
  transform: rotate(-2deg);
  transition: 0.3s linear;
}

span {
  margin: 7px 1px;
  display: inline-block;
}

span a {
  background: white;
  padding: 3px 10px;
  border-width: 0;
  border-color: black;
  border-style: solid;
  filter: drop-shadow(3px 3px #000);
}

#header {
  filter: drop-shadow(3px 3px black);
  background: #000;
  width: 155px;
  margin: 0 0 7px 0;
  color: white;
  padding: 2px 0;
}
#footer {
  width: 904px;
  margin: auto;
  text-align: center;
}
  #disclaimer {
  display: block;
  color: #fff;
  filter: drop-shadow(3px 3px #000);
}
#black a {
  background: #000;
  color: #fff;
  filter: drop-shadow(3px 3px #000);
}
#love{
  color: #EB8F8F;
  }
#wrecker{
  color: #FFB72B;
  }
#punch{
  color: #63C77A;
  }
#child{
  color: #62C7DE;
  }
  
  h1{
    font-size: 30px;
  display: block;
  color: #000;
  filter: drop-shadow(3px 3px #fff);
  text-align: center;
    
    }
  h2{
    font-size: 20px;
  display: block;
  color: #000;
  filter: drop-shadow(3px 3px #fff);
  text-align: center;
    
    }
  
  
  
  
  #left {
  width: 49%;
  display: inline-block;
  margin: 0 0 0 10px;
  text-align: right;  
  text-transform: uppercase;
  font-size: 10px;
  vertical-align: top;
}

#right {
  width: 48%;
  display: inline-block;
    text-transform: uppercase;
  font-size: 10px;
  vertical-align: top;
}

#also {
  text-align: center;
  margin: 0 0 10px;
}