body {
  background-color: hotpink;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  animation: flash 1s infinite alternate;
  overflow-x: hidden;
}

@keyframes flash {
  from { filter: hue-rotate(0deg); }
  to { filter: hue-rotate(360deg); }
}

.banan {
  text-align: center;
  padding: 20px;
  border: 10px dotted yellow;
  margin: 100px auto;
  width: 80%;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 30px limegreen;
  border-radius: 42px;
}

button {
  font-size: 2em;
  padding: 10px 20px;
  background-color: cyan;
  border: 3px dashed purple;
  transform: rotate(-5deg);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

button:hover {
  transform: scale(1.5) rotate(180deg);
  background-color: #ff00ff;
  color: white;
  text-shadow: 0 0 5px black;
}

.kula {
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, orange, red, black);
  border-radius: 50%;
  margin: 30px auto;
  animation: spin 2s linear infinite;
  box-shadow: 0 0 30px white;
}

@keyframes spin {
  from { transform: rotate(0deg) translateX(0px); }
  to { transform: rotate(360deg) translateX(200px); }
}

marquee {
  font-size: 3em;
  margin-top: 40px;
}