@import url('https://fonts.googleapis.com/css2?family=Pirata+One&family=Bellefair&family=New+Rocker&family=Uncial+Antiqua&family=Metamorphous&family=Monsieur+La+Doulaise&display=swap');


body {
margin: 0;
color: white;
font-family: georgia;
/*background:fixed url("https://t3nsh1.neocities.org/other/borderthorn.gif") repeat-x bottom;*/
/*background: url('https://fc.ashrose.net/PD/png_M/1800.png');*/
background-color: black;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family:'Bellefair';
font-size:18px;
}

h1{
  font-family:'Pirata One';
  text-shadow:0 2.5px 4px black;
}

h2{
  font-family:'Uncial Antiqua';
  text-transform:uppercase;
  font-size:18px;
  text-shadow:0 2.5px 4px black;
}

h3{
  font-family:'Metamorphous';
}

h4{ /*this is borderline unreadable script*/
  font-family:'Monsieur La Doulaise';
  font-size:30px;
}
  
/*Everything goes inside here.*/
.wrapper {
  width: 50%;
  margin: 0 auto;
  }
  
.sidebar-img, .footer, .title, .links, .box {
  margin-top: -8px;
  }
  
.title, .links, .footer {
  text-align: center;
  }
  
  
/*Basic box code that is used for all content boxes on the page.*/
.box {
  border: 0px solid black;
  padding: 0.5em 1em;
  }
  
/*Goes inside the box class. Not given any style by default, but can be used for stuff like fancy borders.*/
.inner {
  
  }
  
/*Prevent image overflow.*/
.box img, .sidebar img {
  max-width: 100%;
  height: auto;
  }
  
/*Wrapper for the sidebar.*/
.sidebar {
  width: 200px;
  float: left;
  }
  
/*Container for the sidebar image.*/
.sidebar-image {
  border: 0px solid black;
  }
  
/*Remove extra padding line at the bottom of the image.*/
.sidebar-image img {
  display: block;
  }
  
/*This is where the title, navbar, and main content all go.*/
.main-wrapper {
  margin-left: 0px;
  }
  
/*Two columns by default. The "single-column" class can be added to make it one column.*/
.main {
  columns: 2;
  column-gap: 0px;
  }
  
/*Make sure boxes don't spread over multiple columns.*/
.main .box {
  display: inline-block;
  }
  
.single-column {
  columns: 1;
  }
  
.footer {
  margin-bottom: 0px;
  }
  
  
/*LINK HOVER PROPERTIES*/  
a {
  color: white;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  transition:all .1s linear;
  display:inline;
  text-decoration:none;
  /*font-weight:600;*/
  padding-bottom:0px;
  background-repeat: no-repeat;
  background-position:left 85%;
  text-shadow:0;
  text-shadow:0 4px 4px white;
}
a:hover {
  background-size:100% 20px;
  text-shadow:0 4px 4px red;
  color: cornsilk;
  text-transform: uppercase;
}

/*IMAGE HOVER OPACITY*/
.image-hover {
  opacity: 0.5;
}
.image-hover:hover {
   opacity: 0.6;
}

/*BANNERTEXT LINK CLICKING STUFF*/
.bannercontainer{
  position: relative;
  text-align: center;
  color: white;  
}
.bannertext{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family:'New Rocker';
  font-size:50px;
  text-decoration:none;
  background-size:100% 20px;
  text-shadow:0 2.5px 4px darkred;
}
  
@media(max-width:915px) {
  .wrapper {    
    width: 95%;
    }
    
  .main-wrapper {
    width: 100%;
    }
  .bannertext{
   font-size:30px; 
  }
  }
  
  
@media (orientation: portrait), (max-width: 480px) {
  .wrapper {
    width: 100%;
    }
  
  .main-wrapper, .sidebar, .footer {
    margin: 0 auto;
    width: 100%;
    }
  
  .sidebar {
    float: none;
    display: block;
    }

  .sidebar-image {
    margin: 0 auto;
    width: 15%;
    margin-top:0px;
    }

  .sidebar .sidebar-image img {
    width: 100%;
    }
    
  .footer {
    margin-bottom: 25px;
    }
  
  }