body {
    --off-black: #131313;
    --off-white: #f8f8f8;
    background-color: var(--off-black);
    color: var(--off-white);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#d1 {
    width: 80vmin;
    height: 80vmin;

    position: fixed;
    top: calc(50vh - 40vmin);
    left: calc(50vw - 40vmin);

    color: var(--off-black);
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

    animation-name: ani-bg;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    z-index: 90;
}

nav a {
  text-align: center;
  display: grid;
  align-items: center;
  color: black;
  text-decoration: overline;
}
nav a:is(:hover, :active, :focus) {
  text-decoration: line-through;
  font-style: oblique;
}
#a1 {
  width: 15vmin;
  height: 15vmin;
  position: fixed;
  animation-name: ani-bg;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  border-radius: 100%;
  top: calc(50vh - 40vmin);
  left: calc(50vw - 40vmin);
  z-index: 89;
}

/* Cycle thorugh some cuet colors */
@keyframes ani-bg {
    0% {
      background-color: pink;
    }
    8% {
      background-color: pink;
    }
    12% {
        background-color: rgb(137, 207, 240);
    }
    28% {
        background-color: rgb(137, 207, 240);
    }
    32% {
        background-color: rgb(134, 192, 132);
    }
    48% {
        background-color: rgb(134, 192, 132);
    }
    52% {
        background-color: rgb(162, 125, 177);
    }
    68% {
        background-color: rgb(162, 125, 177);
    }
    72% {
        background-color: rgb(205, 193, 101);
    }
    88% {
        background-color: rgb(205, 193, 101);
    }
    92% {
        background-color: pink;
    }
    100% {
        background-color: pink;
    }

  }

#socialmedia .btn {
    border: none;
}
#socialmedia .btn:is(:hover, :active, :focus) {
    background-color: transparent;
}

#counter {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    user-select: none;
}