/* src/styles.css */
:root, html, body {
  overflow: hidden;
  --grad-border: 20px;
  background: #000;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

body {
  position: relative;
  padding: var(--grad-border);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.gradient {
  position: absolute;
  width: calc(100% - var(--grad-border) * 2);
  height: calc(100% - var(--grad-border) * 2);
  opacity: 1;
  box-sizing: border-box;
  transition: opacity 3s;
}

.gradient.hidden {
  opacity: 0;
}