html{
    color:white;
    background-color:black;
    background-image:url("./images/mechbg.png");
}
@font-face{
    font-family: onion;
    src:url(onion-pixel.otf);
}
.mech-box{
    font-family:onion;
    border: 8px solid transparent;
    border-image:url("./images/warmechBorder.png") 8;
    color:white;
    background-color: #00288c;
    font-size:12px
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.center-text{
    text-align:center;
}
.banner{
    width:40%
}
.mech-img{
    position:relative;
    display:inline-block;
}
.mech-flex{
    display:flex;
    align-items:center;
    justify-content:center;
}
.button-text-container {
    width:20%;
    height: 5rem;
    overflow-x:hidden;
    overflow-y: scroll;
    border:3px inset;
    border-color: gray;
    background-color:white;
    font-family:'Courier New', Courier, monospace;
    color:black;
    
  }
  a:link{
    color:white;
}
a:visited{
    color:rgb(94, 121, 209);
}