Загрузка данных

<!DOCTYPE html>
<html>
<head>
    <title>Задание 6 - Открытка</title>
    <style>
        /* Главный фон открытки */
        .card {
            position: relative;
            width: 500px;
            height: 300px;
            background-color: #f0f0f0; /* Светло-серый фон */
            border: 5px double navy;   /* Двойная синяя рамка */
            margin: 20px;
        }

        /* Общие настройки для текста */
        .text-layer {
            position: absolute;
            font-size: 50px;
            font-weight: bold;
            font-family: "Times New Roman", serif;
            left: 50px;
            top: 100px;
        }

        /* Три слоя для объема */
        .L1 { z-index: 1; color: gray; left: 54px; top: 104px; }
        .L2 { z-index: 2; color: gold; left: 52px; top: 102px; }
        .L3 { z-index: 3; color: darkblue; left: 50px; top: 100px; }

        /* Маленькая подпись в углу */
        .footer {
            position: absolute;
            bottom: 10px;
            right: 10px;
            font-size: 14px;
            color: #555;
        }
    </style>
</head>
<body>

    <div class="card">
        <div class="text-layer L1">С Праздником!</div>
        <div class="text-layer L2">С Праздником!</div>
        <div class="text-layer L3">С Праздником!</div>

        <div class="footer">Создано в Блокноте</div>
    </div>

</body>
</html>