.eightbit-btn {
	 background: #92cd41;
	 display: inline-block;
	 position: relative;
	 text-align: center;
   width: 100%;
   height: 90%;
	 font-family: 'Press Start 2P', cursive;
	 text-decoration: none;
	 color: black;
	 box-shadow: inset -4px -4px 0px 0px #4aa52e;
   padding-top: 0.25em;
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer;
}

 .seccionHeader a {
   padding: .5em;
 }
 
 .eightbit-btn:hover, .eightbit-btn:focus {
	 background: #76c442;
	 box-shadow: inset -6px -6px 0px 0px #4aa52e;
}
 .eightbit-btn:active {
	 box-shadow: inset 4px 4px 0px 0px #4aa52e;
}
 .eightbit-btn:before, .eightbit-btn:after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 box-sizing: content-box;
}
 .eightbit-btn:before {
	 top: -6px;
	 left: 0;
	 border-top: 6px black solid;
	 border-bottom: 6px black solid;
}
 .eightbit-btn:after {
	 left: -6px;
	 top: 0;
	 border-left: 6px black solid;
	 border-right: 6px black solid;
}
 .eightbit-btn--reset {
	 background: #e76e55;
	 box-shadow: inset -4px -4px 0px 0px #8c2022;
}
 .eightbit-btn--reset:hover, .eightbit-btn--reset:focus {
	 background: #ce372b;
	 box-shadow: inset -6px -6px 0px 0px #8c2022;
}
 .eightbit-btn--reset:active {
	 box-shadow: inset 4px 4px 0px 0px #8c2022;
}
 .eightbit-btn--proceed {
	 background: #8acbf1;
	 box-shadow: inset -4px -4px 0px 0px #5896d0;
}
 .eightbit-btn--proceed:hover, .eightbit-btn--proceed:focus {
	 background: #73b6e5;
	 box-shadow: inset -6px -6px 0px 0px #5896d0;
}
 .eightbit-btn--proceed:active {
	 box-shadow: inset 4px 4px 0px 0px #5896d0;
}
 *, *:before, *:after {
	 box-sizing: border-box;
}

 .pen-intro {
	 text-align: center;
}

.invisiblebit-btn {
  padding-top: 0.25em;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
  height: 90%;
  font-family: 'Press Start 2P', cursive;
  text-decoration: none;
  color: black;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer;
}