* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

   
	 body {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;  /* STACK SECTIONS ONE BELOW THE OTHER */
  align-items: center;
  justify-content: flex-start;
  font-family: 'Segoe UI', sans-serif;
  overflow-x: hidden;
  margin-top: 30px;
}

    /* Semi-circle container */
   
    /* Animation: Right to Left */
    @keyframes slideFromRight {
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }

    /* Responsive */
    @media (max-width: 600px) {
      .semi-circle {
        width: 300px;
        height: 300px;
        border-radius: 150px 0 0 150px;
      }

      .content h1 {
        font-size: 20px;
      }

      .content p {
        font-size: 14px;
      }
    }