* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #A7A2A9;
}
body .container {
  width: 95vw;
  height: 100vh;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: clamp(10px, 2.5vw, 60px);
  padding-bottom: clamp(10px, 2.5vw, 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(10px, 2.5vw, 60px);
}
body .container .row {
  display: flex;
  justify-content: center;
  gap: clamp(10px, 2.5vw, 60px);
  flex-basis: 1;
}
body .container .row .square {
  width: clamp(10px, 5vw, 60px);
  height: clamp(10px, 5vw, 60px);
  background-color: #232020;
  box-shadow: 0px 1.1px 0.9px rgba(0, 0, 0, 0.023), 0px 2.4px 1.9px rgba(0, 0, 0, 0.034), 0px 4px 3.2px rgba(0, 0, 0, 0.042), 0px 6.1px 4.9px rgba(0, 0, 0, 0.049), 0px 8.8px 7px rgba(0, 0, 0, 0.055), 0px 12.4px 9.9px rgba(0, 0, 0, 0.061), 0px 17.6px 14.1px rgba(0, 0, 0, 0.068), 0px 25.6px 20.4px rgba(0, 0, 0, 0.076), 0px 39.4px 31.5px rgba(0, 0, 0, 0.087), 0px 70px 56px rgba(0, 0, 0, 0.11);
}/*# sourceMappingURL=style.css.map */