* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

body {
  width: 100%;
  min-height: 100dvh;
  background: rgb(3, 2, 7);
}

body::before {
  content: '';
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(72, 0, 105, 0.534), transparent 70%);
  position: absolute;
  top: -50%;
  right: 50%;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
}

.my-bg {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(to right, rgb(88, 88, 88) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(92, 92, 92) 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.637) 0%, transparent 60%);
  position: absolute;
  top: 0;
  left: 0;
}