html {
        height: auto;
    }

    body {
        background-image: linear-gradient(to bottom, black, blue);
        height: auto;
        background-attachment: fixed;
        background-size: cover;
    }
    
@font-face {
  font-family: chaos; /* set name */
  src: url(/archive/ChaosTimes_lig.TTF); /* url of the font */
}
@font-face {
  font-family: prefix; /* set name */
  src: url(/archive/LowerResolution.ttf); /* url of the font */
}

h1 {
    padding: 0px;
    float: left;
    color: yellow;
    display: block;
    font-size: 40px;
    position: relative;
    text-shadow: 0px 10px 4px #454211;
    font-family: prefix;
    }
h2 {
    color: red;
    }
a {
  text-align: right;
  padding: 35px;
  float: left;
  color: red;
  display: block;
  font-size: 25px;
  position: relative;
  text-shadow: 0px 0px 15px red;
  }

.footer {
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    color: black;
    text-align: left;
    font-size: 20px;
    font-family: Arial;
    display: block;
    z-index: 1;
    background-image: linear-gradient(to bottom, black, red);
    height: auto;
    background-attachment: fixed;
    border-width: 4px; /* Set the border thickness */
    border-style: solid; /* Required for border-image to work */
    border-image: linear-gradient(to right, red, black) 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 95%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 5px; /* Add some space below the input */
}

#myUL {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: -10px;
}

#myUL li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}
br {

    border-style: none;
}
hr {

    border-style: none;
}
div {
    margin-bottom: 10px;
}