@font-face {
font-family: IM Fell English;
src: url('fonts/IMFellEnglish-Regular.ttf')
}
@font-face {
font-family: Vanilla Whale;
src: url('fonts/VanillaWhale.otf')
}
@font-face {
font-family: Caesar Dressing;
src: url('fonts/CaesarDressing-Regular.ttf')
}
@font-face {
font-family: Arbutus;
src: url('fonts/Arbutus-Regular.ttf')
}
@font-face {
font-family: Aquiline Two;
src: url('fonts/AquilineTwo.ttf')
}
@font-face {
font-family: Lacquer;
src: url('fonts/Lacquer.ttf')
}
@font-face {
font-family: Crosterian;
src: url('fonts/Crosterian.ttf')
}
@font-face {
font-family: Nazi Typewriter;
src: url('fonts/NaziTypewriterRegular.ttf')
}
@font-face {
font-family: Michellefont;
src: url('fonts/Michellefont-Regular.otf')
}
@font-face {
font-family: That Nogo Font;
src: url('fonts/ThatNogoFontCasual.ttf')
}
@font-face {
font-family: Ouroboros;
src: url('fonts/Ouroboros.otf')
}
@font-face {
font-family: Avara;
src: url('fonts/Avara.otf')
}

body {
    background-image: url(images/Spave_Backround.gif);
    font-family: IM Fell English;
    padding: 0%;
    margin: 0%;
}
hr {
    border: 0;
    height: 2px;
    background: linear-gradient(to right, #000000, rgb(0, 0, 0, 0));
}
h1, h2 {
    font-family: Aquiline Two;
    line-height: 5px;
}
h3, h4, h5, h6 {
    line-height: 5px;
}
table {
    border: 2px solid #000000;
    border-collapse: collapse;
}
tr, td, th {
    border: 2px solid #000000; 
}
a {
    color: #800000;
    font-style: bold;
    text-decoration: none;
    transition: 0.5s ease;
}
a:hover {
    transition: .25s ease;
    text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000;
    color: #ff4040;
    transition: 0.5s ease;
}
img {
    line-height: 0%;
}
input[type=text] {
    background-color: rgba(0, 0, 0, 0); 
    border: 2px inset #800000;
    color: gold;
    font-family: IM Fell English;
}
button[type=submit] {
    background-color: rgba(0, 0, 0, 0);   
    border: 0px solid #ff00ff; 
    color: gold;
    font-family: IM Fell English;
    transition: 0.5s ease;
}
button[type=submit]:hover {
    background-color: rgba(0, 0, 0, 0);   
    border: 0px solid #ff00ff; 
    color: white;
    text-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;
    font-family: IM Fell English;
    transition: 0.5s ease;
}

.navbutton {
    width: 100%;
    text-align: left;
    border: 0px solid rgb(0, 0, 0, 0);
    margin: 0%;
    background-color: rgb(0, 0, 0, 0);
    font-family: IM Fell English;
    font-size: 15px;
    transition: 0.5s ease;
    color: #800000;
}
.navbutton:hover {
    background: linear-gradient(to right, #400000, rgb(0, 0, 0, 0));
    text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000;
    color: #ff8080;
    transition: 0.5s ease;
}
.navbuttonalt {
    width: 100%;
    text-align: left;
    border: 0px solid rgb(0, 0, 0, 0);
    margin: 0%;
    background-color: rgb(0, 0, 0, 0);
    font-family: IM Fell English;
    font-size: 15px;
    transition: 0.5s ease;
    text-indent: 25px;
    color: #800000;
}
.navbuttonalt:hover {
    background: linear-gradient(to right, #400000, rgb(0, 0, 0, 0));
    text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000;
    color: #ff8080;
    transition: 0.5s ease;
}

.miniheader {
    background: linear-gradient(to top, #400000, #800000);
    width: 100%; 
    height: 35px; 
    margin: 0%; 
    padding: 0%;
    color: gold;
    display: block;
    align-content: center;
    text-indent: 5px;
}
.content {
    background-color: magenta;
    width: 900px;
    margin: 10px; 
    padding: 0%; 
}
.header {
    text-align: center;
    background-image: url('images/PINEFLOR.JPG');
    background-attachment: scroll;
    background-position:
    top left;
    background-repeat: repeat;
}
.navbar {
    width: 100%;
    text-align: end;
    background-image: url('images/redscales.jpg');
    background-attachment: scroll;
    background-position:
    top left;
    background-repeat: repeat;
    color: gold;
}
.sidebar {
    float: left;
    width: 25%;
    height: 100vh;
    background-image: url('images/0044-parchment-paper-texture-seamless-hr.jpg');
    background-attachment: scroll;
    background-position:
    top left;
    background-repeat: repeat;
}
.main {
    float: right;
    width: 75%;
    height: 100vh;
    background-image: url('images/360_F_94930136_2rJCn33glIkmMpXdHFb474gTCF7ET38M.jpg');
    background-attachment: scroll;
    background-position:
    top left;
    background-repeat: repeat;
}
.footer {
    width: 100%;
    background-image: url('images/PINEFLOR.JPG');
    background-attachment: scroll;
    background-position:
    top left;
    background-repeat: repeat;
}

.miniheaderbutton {
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #ff00ff;
    color: gold;
    font-family: IM Fell English;
    transition: 0.5s ease;
    padding: 0px;
    margin: 0px;
}
.miniheaderbutton:hover {
    color: white;
    text-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;
    transition: 0.5s ease;
}

.column {
  float: left;
  width: 25%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}