css /* Styles for Mind Control Training */ body { background-color: #FF69B0; /* bright pink */ font-family: "Arial Black", sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; margin: 0; padding: 0; border: 4px solid black; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; background-clip: border-box; background-image: linear-gradient(-45deg, #FF69B0, #FF69B0); background-size: 100%; background-position: 0 0; } /* Styles for Mind Control Interface */ h1 { font-size: 48px; font-weight: bold; margin-bottom: 16px; border-bottom: 4px solid black; padding-bottom: 8px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); color: white; background-color: #000000; border: 4px solid black; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 80%; text-align: center; margin: 32px auto; padding: 16px; background: linear-gradient(-45deg, #000000, #000000); background-size: 100%; background-position: 0 0; } /* Styles for Mind Control Buttons */ button { border: 4px solid black; border-radius: 8px; padding: 8px 16px; background-color: #000000; color: white; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); font-size: 18px; font-weight: bold; margin: 8px; width: 80%; height: 32px; cursor: pointer; transition: background-color 0.5s ease-in-out; background-image: linear-gradient(-45deg, #000000, #000000); background-size: 100%; background-position: 0 0; } /* Styles for Mind Control Text */ p { font-size: 16px; font-weight: bold; margin: 8px 0 16px 0; color: #FFFFFF; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #FF69B0; background: linear-gradient(0 0 5px, #FF69B0, #FF69B0); width: 100%; text-align: center; padding: 8px 16px; border: 4px solid black; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }