@font-face {
    font-family: "SavedByZero";
    src: url("font/Saved\ by\ Zero\ Rg.otf");
}

html {
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(170, 191, 191, 1) 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;

    max-width: 400px;
    font-family:monospace
}

.zeroText
 {
    text-align: left;
    font-family: SavedByZero;
    font-size: 20px;
 }

 .brackets
 {
    border-image-slice: 50 131 50 130;
    border-image-width: 10px 20px 10px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("img/bracketBorder.png");
    border-style: solid;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 2%;
    margin-left: 5px;
    margin-right: 5px;

 }

 .buttonGrid {
   display: grid;
   grid-template-columns: auto auto auto;
   padding: 5%;

   img {
      padding-bottom: 10%;
   }

 }