mark{

    background-color: yellow;
    color: black;
    font-family: 'Akronim';font-size: 22px;

}
.introduction{
font-size: 25px;
height: 300px;
border-style: dotted;
border-color: red;
margin-bottom: 10px;
margin-left: 0px;
text-align: center;
vertical-align: baseline;
image-rendering: pixelated;
}

.titlecard {
}

.sidebarleft {
    background-color: black;
    border-style: ridge;
    margin-right: 10px;
    margin-left: 45px; /*side space*/
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 20px; /*!*2*/
    font-size: 80%;
    float: left;
    width:150px; /*any float class requires at least a width*/
    height: 1000px;/*scroll length*/

}

.sidebarright {
    background-color: green;
    border-style: ridge;
    margin-right: 10px; /*side space*/
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 20px; /*!*2*/
    font-size: 80%;
    float: right;
    width:200px; 
    height: 1000px; /*scroll length*/
    image-rendering: pixelated;
}

.heading1{
  font-size: 60px;
  text-align: center;
  font-family: 'Brush Script MT', cursive;
  text-shadow: 1px 1px purple;
}

.heading2{
  font-size: 40px;
  text-align: center;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-shadow: 3px 3px red;
}
.heading3{
  font-size: 70px;
  text-align: left;
  font-family:Georgia, 'Times New Roman', Times, serif;
  text-shadow: 5px 5px Purple;
}
.normal{
  text-align: left;
}
.angry{
  font-size: 50px;
  text-align: center;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: red;
}
.normal2{
  text-align: left;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 30px;
  
  
}
.subimage{
  vertical-align: sub;
}
.information {
  background: black;
    margin-right: 0px; /*negative value for pixels
                        -learn learnt: don't use body standard;
                        just use divs lol*/
    margin-left: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 300px;
    border-radius: 5px;
    padding: 20px; /*!*2*/
    font-size: 80%; /*!*/ /*if you use a float, you must have a width*/
    height:auto;
    border-radius: 20px;
    border-style: double;

}

.footer1{
    text-align: justify;
    text-align-last: center;
    color: red;
    background-color: black;
}

@font-face{
    font-family: minecraft;
    src: url(\Minecraft_Seven_v3.woff2)

}

#splashtext{
  color: yellow;
  font-size: 30px;
  font-family: "minecraft";
  text-shadow: 5px 4px #343400;
  width: 600px;
  height: 150px;
  transform: rotate(-12deg);
  animation-name: splashPulse;
  animation-duration: 0.30s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  margin-left: 750px;
  position: absolute;
  top:170px;
  right:150px;
  }

  @keyframes splashPulse{
    0% {
      transform: rotate(-12deg); scale: 1.04;}
    100% {transform: rotate(-12deg); scale: 1;  
  }
}