body {
            padding: 50px;
            min-height: 200vh;
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
        }
        
        #logo-container {
            position: fixed;
            bottom: 30px;
            left: 30px;
            z-index: 1000;
            display: flex;
            gap: 15px;
        }
        
        .logo-circle {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            cursor: pointer;
            /* เพิ่มคุณสมบัติสำหรับรูปภาพ */
            background-size: cover;       /* ทำให้รูปภาพพอดีกับวงกลม */
            background-position: center;  /* จัดตำแหน่งรูปภาพให้อยู่ตรงกลาง */
            background-repeat: no-repeat; /* ไม่ให้รูปภาพซ้ำ */
        }
        
        /* กำหนดรูปภาพสำหรับโลโก้แต่ละอัน */
        #logo1 {
            background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/2021_Facebook_icon.svg/1024px-2021_Facebook_icon.svg.png'); /* URL ของรูปภาพโลโก้ Facebook */
            background-color: #3b5998; /* สีสำรอง หากรูปภาพโหลดไม่ติด */
        }
        
       #logo2 {
            background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/41/LINE_logo.svg'); /* URL ของรูปภาพโลโก้ LINE */
            background-color: #00B900; /* สีเขียวของ LINE */
        }
        
        .logo-circle:hover {
            transform: scale(1.1) rotate(5deg);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
    </style>