/* src/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  /* height: 100%; */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #fff;
  color: #111;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}
:root{
  --main-color: rgb(60 149 42)
}
body{
  background-color: #111;
  color: #fff;
  /* width: calc(100% - 0px); */
  /* height: calc(100% - 0px); */
  padding: 20px; 
  border: 20px solid var(--main-color); 
   animation: glowPulse 1s infinite alternate;
  box-shadow: 
  inset 0 0 45px black,
  inset 0 0 15px rgba(224, 210, 4, 0.1),
  inset 0 0 15px rgba(224, 210, 4, 0.1),
  inset 0 0 15px rgba(224, 210, 4, 0.1);

}
@keyframes glowPulse {
  0% {
    box-shadow: 
      inset 0 0 30px black,
      inset 0 0 10px rgba(224, 210, 4, 0.05),
      inset 0 0 10px rgba(224, 210, 4, 0.05),
      inset 0 0 10px rgba(224, 210, 4, 0.05);
  }
  100% {
    box-shadow: 
      inset 0 0 45px black,
      inset 0 0 15px red,
      inset 0 0 15px red,
      inset 0 0 15px red;
  }
}