@font-face
{
  font-family: 'HeaderFont';
  src: url('fonts/Akashi.ttf');
  font-family: 'HeaderFont2';
  src: url('fonts/CODE Bold.otf');
}
#homeheader
{
  width:100%;
  padding:25px 0px;
  background:linear-gradient(17deg,rgba(0,0,255,0.5),rgba(0,200,255,0.5),rgba(255,255,255,0.5));
  z-index:100;
  position:relative;
}
#homeheadertitle
{
  text-align:center;
  font-size:3em;
  font-family: "HeaderFont2"; TimesNewRoman, Sans-serif;
  background:linear-gradient(15deg,white,rgb(100,100,100));
  -webkit-background-clip:text;
  text-shadow:2px 2px white;
  color:transparent;
}
#hh_subtitle
{
  font-size:0.75em;
}
#homemessage
{
  width:100%;
  padding:15px 0px;
  background:linear-gradient(to right,blue,navy,black);
  color:white;
  text-align:center;
  font-family:"HeaderFont"; TimesNewRoman, Sans-serif;
  font-size:2em;
  -webkit-background-clip:text;
  color:transparent;
  animation:slide ease-in 2s;
  background-position:0,0;
}
#homeweb
{
  position:absolute;
  width:100px;
  left:25px;
  top:25px;
  background:linear-gradient(45deg,black 10%, navy);
}
#homeweb img
{
  width:100px;
}
#homespider img
{
  width:100px;
}
#homespider
{
  position:absolute;
  width:100px;
  overflow:hidden;
  right:25px;
  top:25px;
}
#homecontactinfo
{
  width:100%;
  padding:15px;
  font-size:3em;
  text-align:center;
}
.productlink
{
  text-decoration:none;
  color:black;
  text-shadow:1px 1px white;
  border:5px outset white;
  display:inline-block;
  width:350px;
  padding:5px 0px;
  list-style-type:none;
  margin:10px;
  font-size:1.5em;
  text-align:center;
  vertical-align:text-top;
  background:linear-gradient(13deg,rgb(250,250,250),rgba(250,250,250,0.5));
  box-shadow:2px 2px 20px black;
}
#linkbar
{
  margin:auto;
  width:-webkit-fit-content;
  width:fit-content;
}