#puzzle .text-green{color: #44d62c }
#puzzle input{background: #111; color: #fff; border-radius: 5px; padding: 10px; border: 1px solid #999; width:35%}
.showAns span {
  font-size: 32px;
}
#puzzle{
  /* Initial state */
  display: none;
  opacity: 0;
  transition: opacity 0.25s, display 0.25s; /* Include 'display' in transition */
  transition-behavior: allow-discrete; /* Enable discrete transitions */
}
#puzzle.open{ display: block; opacity: 1;}
@media(max-width: 769px){
#puzzle input{width:100%}
}
 @media screen and (max-width:767px){#pnxssr_9de51a63132e9b29a58d357aa52edbe8 img[pnxssr_14]{max-width: 100%;}} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){#pnxssr_9de51a63132e9b29a58d357aa52edbe8 img[pnxssr_14]{max-width: 100%;}} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){#pnxssr_9de51a63132e9b29a58d357aa52edbe8 img[pnxssr_14]{max-width: 100%;}} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){#pnxssr_9de51a63132e9b29a58d357aa52edbe8 img[pnxssr_14]{max-width: 100%;}}