* {
  box-sizing: border-box;
  font-family: "Fira Sans", serif;
  font-style: normal;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  height: 100%;
}

.testArea {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 15px 0;
}

.testContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  width: 100%;
  margin-top: 10px;
  background: #212121;
  max-width: 800px;
}

#pay-with-crypto-container {
  width: 100%;
  height: 650px;
  overflow: hidden;
}

@media (max-width: 950px) {
  body, .testArea, .testContent {
    height: auto;
    width: auto;
  }
  .testArea {
    flex-direction: column;
    gap: 20px;
    padding: 5px 0;
  }

  .testContent {
    width: unset;
  }
}