@font-face {
    font-family: 'PressStart2P';
    src: url('fonts/PressStart2P-Regular.ttf') format('truetype');
}
html, body, pre, code, kbd, samp {
    font-family: "PressStart2P";
}

#upload-box {
  background-color: #ffff00;
}

canvas {
   border: 0px;
   display: none;
}

#control-section{
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1024px;
}

#slider-box {
  margin-top:1em;
  margin-bottom:1em;
  margin-left:4px;
}


#download-box {
  margin-top:1em;
  margin-bottom:1em;
  align-items: center;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

#download_button {
  margin-top:1em;
}

#header{
  align-items: center;
  display: flex;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

#logo {
  margin-right: 1em;
  width: 9em;
}

#spinner {
  visibility: visible;
  width: 60%;
}

#spinner-old {
  visibility: visible;
  position: absolute;
  top: 46%;
  left: 11.5%;
  z-index: 1000;
  width: 600px;
}


#block_size_slider {
  accent-color: #ffff00;
}

#advanced-block {
  width: 1024px;
  background-color:black;
  display:none;
}

#footer-section {
  margin-top: 1em;
}

body {
  margin-top:1em;
  margin-left:1em;
}