height: 20px;
            margin-right: 15px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }
        .icon {
            font-size: 20px;
            margin-right: 10px;
        }
    </style>
</head>
<body>
<div id="loading" class="loading">
    <div class="spinner"></div>
    <p>Loading...</p>
</div>
<div id="success-message" class="loading">
    <div class="icon">✔️</div>
    <p id