body {
  background: #FF8C00	;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color: #fff;
  display: none;
}
input[type="text"], textarea {

  background-color : #000000;

}


.generatorPage {
  display: none;
}

.generatorSpinner, .generatorText {
  display: none;
}

.generatorText {
  padding-top: 50px;
}

.info-msg {
  padding-bottom: 30px;
  font-size: 14px;
}

.thanksto {
  font-size: 14px;
}

.button-Jail {
  padding-top: 100px;
  padding-bottom: 100px;
}

.btnGenerate {
  color: white;
  text-decoration: none;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 5px;
  padding: 7px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 17px;
  letter-spacing: 1px;
}

img { border-radius: 10px; }

.btnGenerate:hover {
  color: #fff;
  background: #000;
}

.spinner-show {
  display: none;
  margin-right: 20px;
  padding-top: 20px;
}

.btnBack {
  color: white;
  text-decoration: none;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 5px;
  padding: 7px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.btnBack:hover {
  color: #fff;
  background: #000;
}

.offers-msg {
  display: none;
  padding-bottom: 30px;
  font-size: 14px;
  padding-top: 30px;
}

.offers-show {
  padding: 0px;
  margin-right: 20px;
  margin-top: -25px;
  display: none;
}

.offers-show li {
  padding: 8px;
}

.offers-show li a {
  font-weight: bold;
}

.offers-show {
  list-style-type: none;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}