body {
  margin: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  background-color: #0d1117;
  scroll-behavior: smooth;
  font-family: 'Courier New', Courier, monospace;

  &::after {
    content: "";
    background-image: url('./assets/js.png');
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.3;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  h3 {
    text-align: center;
  }
}

html {
  scroll-behavior: smooth;
}

#app {
  padding: var(--margin-20);
  color: var(--white-color);
  padding-bottom: 0;

  @media (max-width:600px) {
    padding: var(--margin-10);
    padding-bottom: 0;
  }
}