    color: #fff;
      background: currentColor;
      border-radius: 50%;
    }
    .moon::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      color: #2f3640;
      background: currentColor;
      top: 3px;
      left: 8px;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="moon"></div>
  </div>  
</body>
</html>
