<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            margin: 0;
            padding: 20px; /* Add some padding */
        }

        @keyframes flash {
            0%, 100% {
                color: red;
            }
            50% {
                color: transparent;
            }
        }

        h2 {
            animation: flash 1s infinite;
            color: red; /* Ensure it starts red */
            text-align: center; /* Center the WARNING! text */
        }

        li {
            text-align: left; /* Left-align the rest of the text */
        }
    </style>
</head>
<body>
    <h1>WELCOME TO SMH!</h1>
    <li>
        <p>Click next to start the
         configuration your system.</p>
        <h2>WARNING!</h2>
        <p>There are very important login details in
           this tutorial, please make sure to study it
           carefully!</p>
    </li>
</body>
</html>
