.show {
  visibility: visible;
  opacity: 1;
}

.hide {
  left: -200px !important;
  visibility: hidden;
  opacity: 0;
}

#bow-to-my-firewall {
  position: fixed;

  left: 0;
  bottom: 50px;

  height: 150px;

  transition: left 1s ease-in-out,
    visibility 1s,
    opacity 1s;
    width: 40em;

  animation: shake-horizontal-normal 500ms linear 1s infinite normal both; 
}

#bow-to-my-firewall img {
  position: absolute;
  left: 40px;
  top: -2em;
  height: 150px;
  filter: drop-shadow(2px 2px 5px orange);
}

/* ----------------------------------------------
* Generated by Gradienty on 2025-05-03 23:52
* animation shake-horizontal-normal
* ----------------------------------------
*/
@keyframes shake-horizontal-normal {0%, 100% { transform: translateX(0) translateY(0); } 10%, 30%, 50%, 70% { transform: translateX(-2px) translateY(-2px); } 20%, 40%, 60% { transform: translateX(2px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-2px);} }


#bow-to-my-firewall .talkbox {
  border: 2px solid magenta;
  background-color: darkgrey;
  color: white;
  border-radius: 10px;
  padding: 0.5em;
  padding-left: 140px;
  margin-left: 1em;
  box-shadow: 0px 0px 30px 0px rgba(255,46,123,0.9);

  height: 2em;

  font-family: "Jersey 25", "Courier New", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 200%;
}