body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #EEE;
  font-family: 'Courier New', monospace;
  -webkit-animation: fadein 3s;
  -moz-animation: fadein 3s;
  -ms-animation: fadein 3s;
  -o-animation: fadein 3s;
  animation: fadein 3s;
}


/* Body Animation */
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Firefox < 16 */
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Internet Explorer */
  



h1 {
  height:40px;
  line-height: 30px;
  margin:0px 0 0 -2.6%;
  padding:0px;
  font-size: 26px;
  padding-left: 3%;
  text-align: left;
  color: #2a388a;
}

.frame {
  text-align: center;
  display: table;
  width: auto;
  max-width: 831px;
  max-height: 1005px;
  padding: 20px;
  margin: 0px auto;
  border: 10px solid #000;
  position: relative;
}
.canvas {
  overflow:hidden;
  padding: 0;
  margin: 0 auto;
  border: 5px solid #000;
  background-color: #000;
  clear:both;
}

.line {
  height: auto;
  width: 105%;
  clear:both;
}

.square {
  position: relative;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  border: 5px solid #000;
  border-radius: 0px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: 0.2s;
}

.square:hover {
  opacity:0.6;
  cursor: pointer;
}
.square.selected {
  opacity:0.3;
}



.options {
  margin:20px 0 2px;
  padding: 0px;
}

.options .btn {
  margin: 0 0.5%;
  padding:2px 4px;
  color: #FFF;
  background: #000;
  text-decoration: none;
  cursor: pointer;
}
.options .btn:disabled, .options .btn.disabled {
  opacity: 0.4;
  cursor: none;
}
.options #change {
  background-color: #2a388a;  
}


a {
  text-decoration: none;
  outline: none;
}

@media all and (max-width: 512px) {
	
	.options .btn {
      font-size:16px;
      display: block;
      margin: 1.5% 5%;
    }
	
}