mizdiary.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scrolling Rainbow Wave Background</title>
    <style>
        body {
            background: linear-gradient(270deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff);
            background-size: 1400% 1400%;
            animation: rainbow 10s ease infinite;
            color: black;
            text-align: center;
            padding: 50px;
        }

        @keyframes rainbow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .content {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            display: inline-block;
        }
    </style>
</head>
<body>
    <div class="content">
        <h1>miz's weekly diary!</h1>
        <p>12.30.24 the day has been amazing. i skipped my hard  ahletics today because i had been in a competition for 11 days in another town and just got home like yesterday!! the experience was very exhausting :( and i placed 5th.... but no bad things now cuz i was jus chilling all day and playing dress to impress!!! thats kinda all for today lol.....byebye friends! dont forget to smile :D</p>
    </div>
</body>
</html>