body {
  background-color: #7d84ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7d84ff), color-stop(#9095f9), color-stop(#a3a6f8), color-stop(#9095f9), to(#7d84ff));
  background-image: linear-gradient(#7d84ff, #9095f9, #a3a6f8, #9095f9, #7d84ff);
  margin-top: 6.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Comic Sans MS";
  line-height: 1.6;
  font-size: 90%;
  margin-left: 0;
  padding: 18vh 1rem;
  text-align: center; }

.box {
  background-color: black;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  width: 50%;
  /* Or any specific width */
  margin: auto; }

#three-container {
  width: 300px;
  height: 200px;
  margin: auto; }