@font-face {
  font-family: "Zekton";
  src: url("Zekton-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


      nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; flex-wrap: wrap; }
      nav a {
        text-decoration: none;
        color: #c01001;
        padding: 6px 8px;
        display: inline-block;
        border-radius: 6px;
        transition: background 0.2s ease;
      }
      nav a:hover { background: rgba(15, 23, 42, 0.08); }

body {
  margin: 0;
  min-height: 100vh;
  color: #ffbe00;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Zekton", arial, sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

a,
a:visited,
a:hover,
a:focus,
a:active {
  color: #c01001;
  text-decoration: none;
}

@keyframes backgroundCycle {
  0%, 18% {
    opacity: 1;
    background: url("imagemd1.png") center/cover no-repeat;
  }
  20%, 20.0001% {
    opacity: 1;
    background: url("image267.png") center/cover no-repeat;
  }
  20.0001%, 38% {
    opacity: 1;
    background: url("image267.png") center/cover no-repeat;
  }
  40%, 40.0001% {
    opacity: 1;
    background: url("7t5s4vx.png") center/cover no-repeat;
  }
  40.0001%, 58% {
    opacity: 1;
    background: url("7t5s4vx.png") center/cover no-repeat;
  }
  60%, 60.0001% {
    opacity: 1;
    background: url("imagemd2.png") center/cover no-repeat;
  }
  60.0001%, 78% {
    opacity: 1;
    background: url("imagemd2.png") center/cover no-repeat;
  }
  80%, 80.0001% {
    opacity: 1;
    background: url("0r4kpxm.png") center/cover no-repeat;
  }
  80.0001%, 98% {
    opacity: 1;
    background: url("0r4kpxm.png") center/cover no-repeat;
  }
  100% {
    opacity: 1;
    background: url("imagemd1.png") center/cover no-repeat;
  }
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("imagemd1.png") center/cover no-repeat;
  background-blend-mode: overlay;
  filter: blur(12px);
  z-index: -1;
  animation: backgroundCycle 25s infinite;
}