html {
  box-sizing: border-box;
}

html::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
*,
::after,
::before {
  box-sizing: inherit;
}

main {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 34px;
}

footer {
  color: var(--color-text-footer);
}

#bodybox {
  /* transform: scale(0.455);
  transform-origin: top left;
  width: 1200px; */
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  main {
    gap: 12px;
  }
}