CSS for the Curved Moon - Comforting Tools

Video Tutoral at https://youtu.be/z4ful90PAAE

<!DOCTYPE html>
<html>
<head>
     <style>
      * {
          background: #315a78;
        }

       .wrapper {
          height: 800px;
          width: 1200px;
          display: flex;
          align-items: center;
          justify-content: center;
               }
        
       .curved-moon {
          height: 400px;
          width: 400px;
          box-shadow: 80px -80px 0px 8px #faf36b;
          border-radius: 50%;
                    }

     </style>
</head>
<body>

<h2 style="color: yellow;">Curved Moon</h2>
<div class="wrapper">
<div class="curved-moon"></div>
</div>

</body>
</html>