@font-face {
    font-family: "Pixel12x10";
    font-weight: bold;
    src: url("Pixel12x10.ttf");
}
#total{
  transform: translateY(100px);
  
}
body {
    background-color: black;
    font-family: "Pixel12x10";
    color:white;
}
* {
    box-sizing: border-box;
  }
  
  /* Create three equal columns that floats next to each other */
  .column {
    text-align: center;
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
    margin-top:50px;
    box-sizing: border-box;
    border: solid black 2px;
   border-right-color: white;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  #content {
    font-family: "Pixel12x10";
    /* position: absolute; */
    /* top: 30%;
    left: 33%;
    right: 33%; */
    text-align: center;
    color: white;

}

@media screen and (max-width: 550px) {
  .column{
    font-size: 9.5px;
  }
  img{
    height: 50px;
    width: 50px;
  }
}

/* .feedback {
  color: white;
  padding: 10px 20px;
} */

#mybutton {
  position: fixed;
  bottom: -4px;
  right: 10px;
  
}
@media screen and (max-width: 550px) {

  #mybutton {
    bottom: 30px;
    height: 20px;
    width: 20px;
  }
}