@font-face {
    font-family: 'minecraftregular';
    src: url('minecraftregular-bmg3-webfont.woff2') format('woff2'),
         url('minecraftregular-bmg3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: monospace,'Comic Sans MS';
    font-size: 16px;
    color: black;
}
.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
}
.img{
    float: right;
    width: 1000px;
}
.imgver{
    float: right;
    width: 600px;
}
a:link{
    font-family: monospace,'Comic Sans MS';
    font-size: 40px;
    color: white;
    text-decoration: none;
}
    
   a:visited{
    color: #551743;
    }
    a:hover{
      color: #b0e8c8;
      }
.title{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.left{
    display:block;
    float: left;
    width: 10%;
}
.right{
    float: right;
    width:10%;
}
.ascii-art {
    top: 0px; 
    text-align: center;
    color: #551743;
    font-family: monospace;
    white-space: pre;
    font-size: 5px;
    
}
.ascii-art:hover{
    color: #8d0348;
    font-weight: bold;
}
.terminal {
      
      p{
        position: fixed;
        bottom: 0px;  
        margin-left: 5%;
          text-align: left;
          color: #551743;
          font-family: monospace;
          font-size: 45px;
      }
      a:link{
      font-family: monospace;
      font-size: 45px;
      color: #ffffff;
      text-shadow: -1px 0 #551743, 0 1px #551743, 1px 0 #551743, 0 -1px #551743;
      }
     a:visited{
      color: rgb(255, 255, 255);
      }
      a:hover{
        color: #b0e8c8;
        }
}
.collage {
    position: absolute;
    transform: scale(0.5);
    animation: forwards 0.5s;
}
.itemquiz {
    background-image: url('backround/strippes1.jpg');
    background-size: 50%; 
   p{
    position: fixed;
    bottom: 5%;  
    margin-left: 2%;
      text-align: left;
      color: #551743;
      font-family: monospace;
      font-size: 25px;  
    }
    a:link{
    font-family: monospace;
    font-size: 25px;
    color: #ffffff;
    text-shadow: -1px 0 #551743, 0 1px #551743, 1px 0 #551743, 0 -1px #551743;
    }
    a:hover{
      color: #b0e8c8;
      }
   } 
.face{
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    width: 25%;
}
.pulse {
    animation: pulse 1s infinite ease-in-out alternate;
  }
  @keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
  }