* {
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

html {
  font-size: 10px;
  @media (max-width: 780px) {
    font-size: 9px;
  }
  @media (max-width: 350px) {
    font-size: 8px;
  }
}

header,
main,
footer {
  display: flex;
  justify-content: center;
  background: rgb(238, 237, 237);
}

.content {
  width: 100%;
  max-width: 1920px;
}
.d-flex {
  display: flex;
}
.d-none {
  display: none;
}
.d-hidden{
    visibility: hidden;
}
.no-vertical-scroll {
  overflow-y: hidden;
}
button {
  cursor: pointer;
  font-family: "PressStart2P-Regular";
  font-size: min(1.8rem, 2rem);
  border-radius: 2rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  border: 0;
  padding: 2rem;
  color: rgb(65, 64, 64);
}
button:hover {
  color: orangered;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}