@font-face {
   font-family: Cloister;
   src: url(CloisterBlack.ttf);
}

@font-face {
  font-family: akira;
  src: url(AkiraExpandedDemo.otf);
}

/* ^^ everything fonts ^^ */

body {
    background-image: url('cowsignBG.gif');
    background-size: cover;
    margin: 0 0 0 0;
    position: relative;
     
}

h1 {
  width: 100%;
  height: 13vw;
  background-image: url(header.gif);
  box-shadow: 0 0 5px #000000;
  background-size: cover;
  margin-top: 0;

}

.footer {
  width: 100%;
  height: 13vw;
  background-image: url(header.gif);
  box-shadow: 0 0 5px #000000;
  background-size: cover;
  margin-bottom: 0;
  margin-top: 5vw ;

}

.textinheader {
  font-size: 7vw;
  padding:2vw;
  font-family: Cloister;
  text-align: center;
  filter: invert(1);
  mix-blend-mode: difference;
}

.imginheader {
  font-size: 7vw;
  padding:2vw;
  margin-left: 26%;
  filter: invert(1);
  mix-blend-mode: difference;
}


.borderheader {
    border-style: double;
    border-color: white;
    border-right: white;
    border-left: white;
    border-top: white;
}

.borderfooter {
    border-style: double;
    border-color: white;
    border-right: white;
    border-left: white;
    border-bottom: white;
}

p {
  font-family: akira;
  text-align: center;
  color: white;
}
.Ppadding {
  font-family: akira;
  text-align: center;
  color: white;
  padding: 4vw;
}
 .textboxfrontpage {
  background-color: #000000;
  border-style:double;
  border-color: white;
  margin-left: 13vw;
  margin-right: 13vw;
  margin-top: 5vw;
  padding-bottom: 20vw;
 }

  .textbox {
  background-color: #000000;
  border-style:double;
  border-color: white;
  margin-left: 13vw;
  margin-right: 13vw;
  margin-top: 7vw;
 }

.smallhoverarea {
  float: left;
  border-style: double;
  background-color: white;
}

.smallhoverarea:hover {
filter: invert(1);
scale: 1.15;
rotate: 5deg;
transition: transform .6s ease-in-out;
transition: all 0.4s ease-in-out 0s; 
}

.smallhoverarea:not(:hover) {
scale: 1;
transition: transform .6s ease-in-out;
transition: all 0.4s ease-in-out 0s; 
}



/* ^^ background and text nodes ^^ */

.lilguy {
  float: right;
}

.galleryimgs {
justify-content: center;
margin: 3vw;

}


.imgGalleryAnim:hover {
scale: 2.5;
transition: transform .6s ease-in-out;
transition: all 0.3s ease-in-out 0s; 
}

.imgGalleryAnim:not(:hover) {
scale: 1;
transition: transform .6s ease-in-out;
transition: all 0.3s ease-in-out 0s; 
}

.backarrow {
  padding-bottom: 3vw;
  padding-left: 5vw;
}

.backarrowfooter {
  padding-top: 3vw;
  padding-left: 5vw;
}
/* ^^ img elements in textboxes ^^ */

a:link {
  color: rgb(255, 0, 0);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(163, 0, 0);
  background-color: transparent;
  text-decoration: none;
}
/* ^^ misc stuff^^ *//*** Works on common browsers ***/
::selection {
    background-color: #6b6b6b;
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #6b6b6b;
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #6b6b6b;
    color: #fff;
}

::-ms-selection {
    background-color: #6b6b6b;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #6b6b6b;
    color: #fff;
}


.stylelinktextstartpage {
  padding-top: 5vw;
  
}