* {
    box-sizing: border-box;
}
body {background: url(../images/irongrip.png);}
#imgContainer {max-width:100%;display:block;width:100%;text-align: -webkit-center;}
#imagesTable {max-width:100%;border-collapse:collapse;}
.tile {width:100%;}
.hidden {display:none;}
button, input, #imgFile {
	font-size:1.1em;
    /* width: 90%;*/
    margin-bottom: 0.3em;
    max-width: 320;}
buttons {display:block;width:100%;position:fixed;bottom:0;left:0;text-align: center;}
cutButtons {position:fixed;bottom:2em;left:0;text-align: center;}
square {position:absolute;border:1px solid red;background:transparent;}
.subSquare {border-top:1px solid red;border-left:1px solid red;position:relative;top:-1;left:-1;display:block;float:left;}
.rotate90 {transform: rotate(90deg);}

loader {
  position:absolute;
  top: 45vh;
  left: 45vw;
  border: 1vw solid #8080807a;
  border-radius: 50%;
  border-top: 1vw solid #ffc107;
  width: 10vw;
  height: 10vw;
  -webkit-animation: spin 3s linear infinite; /* Safari */
  animation: spin 3s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}