* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    background: linear-gradient(to bottom, rgb(3, 3, 10), rgb(4, 8, 44));
    color: rgb(244, 247, 215);
    overflow: hidden;
    min-height: 100vh;
  }
  
  .wrapper {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(6, 1fr);
  }
  
  .moon {
    grid-column: 5/6;
    grid-row: 2/5;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 15px 15px 0px 0px rgb(244, 247, 215);
  }
  
  .star {
    margin: 60px 10px;
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    border-right: 4px solid transparent;
    border-bottom: 8px solid rgb(244, 247, 215);
    border-left: 4px solid transparent;
    transform: rotate(0deg);
  }
  
  .star::before {
    display: block;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 3px;
    left: -3.5px;
    border-right: 4px solid transparent;
    border-bottom: 8px solid rgb(244, 247, 215);
    border-left: 4px solid transparent;
    transform: rotate(180deg);
  }
  
  .star-1 {
    grid-column: 3/6;
    grid-row: 1/5;
  }
  
  .star-2 {
    grid-column: 4/6;
    grid-row: 3/5;
  }
  
  .star-3 {
    grid-column: 1/6;
    grid-row: 3/5;
  }
  
  .star-4 {
    grid-column: 6/6;
    grid-row: 4/5;
  }
  
  .star-5 {
    grid-column: 2/6;
    grid-row: 5/5;
  }
  
  .star-6 {
    grid-column: 5/6;
    grid-row: 5/5;
  }
  
  .dot-1 {
    grid-column: 2/6;
    grid-row: 1/5;
  }
  
  .dot-2 {
    grid-column: 6/6;
    grid-row: 1/5;
  }
  .dot-3 {
    grid-column: 4/6;
    grid-row: 2/5;
  }
  .dot-4 {
    grid-column: 3/6;
    grid-row: 4/5;
  }
  
  .dot-5 {
    grid-column: 4/6;
    grid-row: 5/5;
  }
  
  .fallingstar {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    width: 4px;
    height: 4px;
    top: 50px;
    border-radius: 50%;
    left: 80vw;
    transform: translateY(-55px) translateX(0px);
  }
  
  .fallingstar::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.5) 100%
    );
    top: -33px;
    left: -15px;
    transform: rotate(-45deg);
  }
  
  .fs-2 {
    left: 20vw;
  }
  
  .fs-3 {
    left: 120vw;
  }