div.logo {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.logo img {
  width: 100%;
}

div.enigme {
  width: 100%;
}
div.enigme form div.ui.icon.input {
  margin-top: 5%;
  width: 90%;
}
div.enigme form div.ui.icon.input input[type=text] {
  width: 100%;
  text-align: center;
  font-size: 140%;
}
div.enigme form div.ui.icon.input input[type=text]:focus {
  border-color: orangered;
}
div.enigme form div.ui.icon.input input[type=text] i.clic.icon {
  z-index: 10;
  cursor: pointer !important;
}