html {
  background-color: #242729;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px #2dce2d, 0 0 30px #2dce2d;
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 40px #2dce2d, 0 0 60px #2dce2d;
  }
  100% {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px #2dce2d, 0 0 30px #2dce2d;
  }
}
body {
  background-color: #2dce2d;
  font-family: Urbanist, sans-serif;
  margin: 2em auto;
  max-width: 70ch;
  color: #fff;
  line-height: 1.6;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px #2dce2d, 0 0 30px #2dce2d;
  border-radius: 16px;
  overflow: hidden;
  animation: glow 3s infinite;
}

a {
  color: #007d7d;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #800080;
  text-decoration: underline;
}

button {
  background-color: #000;
  color: #2dce2d;
  border: 2px solid #2dce2d;
  padding: 0.5em 1em;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s, color 0.3s;
}

button:hover {
  background-color: #2dce2d;
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  text-shadow: 1px 1px 3px #004d00;
  margin-bottom: 0.5em;
}

code {
  background-color: #242729;
  color: #2dce2d;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-family: "JetBrains Mono", JetBrains, monospace;
}

::selection {
  background-color: #ff4500;
  color: #fff;
}

.banner-container {
  position: relative;
  display: inline-block;
  border: 2px solid #BFB19E;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.banner-container img {
  display: block;
  width: 100%;
  height: auto;
}

.image-title {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0.5em 1em;
  font-size: 1.2em;
  border-radius: 8px;
  text-shadow: 0 2px 4px #000;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: right;
}

/*# sourceMappingURL=MaleficTonic.css.map */