floating img list page html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>links page with floating image</title>
    <style>
        body {
            background-color:
            color: #4A4A4A;
            font-family: ms gothic;
            margin: 0;
            padding: 20px;
            overflow: hidden;
        }
        .header {
            text-align: center;
            padding: 20px;
            background-color: #FFD1DC;
            border-bottom: 2px solid #FFB3BA;
        }
        .header h1 {
            font-size: 3em;
            color: #FF69B4;
        }
        .wishlist-container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #FFF0F5;
            border: 2px solid #FFB3BA;
            border-radius: 10px;
            max-height: 500px;
            overflow: hidden;
        }
        .wishlist ul {
            list-style-type: none;
            padding: 0;
            max-height: 500px;
            overflow-y: scroll;
        }
        .wishlist li {
            font-size: 1.5em;
            margin: 10px 0;
            padding: 10px;
            background-color: #FFDEE9;
            border: 1px solid #FFB3BA;
            border-radius: 5px;
        }
        .wishlist li a {
            color: #FF69B4;
        }
        .floating-image {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 150px;
            height: 150px;
            border: 2px solid #FF69B4;
            border-radius: 10px;
            animation: float 5s infinite ease-in-out;
        }
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-20px);
            }
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Wishlist</h1>
    </div>
    <div class="wishlist-container">
        <div class="wishlist">
            <ul>
                <li>item 1</li>
                <li>item 2</li>
            </ul>
        </div>
    </div>
    <img src="addimagehere.png" alt="Floating Image" class="floating-image">
</body>
</html>


feel free to use, customize, whatever!!!!!!!!! just check out my webpage or my tumblr @diderots