/* style.css */
body {
  margin: 0;
  padding: 0;
  background-color: #0d1117; /* Dark GitHub-style background */
  overflow: hidden; /* Prevents scrollbars */
  height: 100vh;
  width: 100vw;
}

.box {
  width: 50px;
  height: 50px;
  background-color: #238636; /* GitHub Green */
  position: absolute;
  border-radius: 8px;
  box-shadow: 0 0 20px #2ea043;
  animation: moveAround 6s linear infinite;
}

@keyframes moveAround {
  0%   { top: 10%; left: 10%; transform: rotate(0deg); }
  25%  { top: 10%; left: 80%; transform: rotate(90deg); }
  50%  { top: 80%; left: 80%; transform: rotate(180deg); }
  75%  { top: 80%; left: 10%; transform: rotate(270deg); }
  100% { top: 10%; left: 10%; transform: rotate(360deg); }
}