body {
    margin: 0;
    font-family: sans-serif;
    background: linear-gradient(45deg, #FFB6C1, #E6E6FA, #D8BFD8);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    position: relative;
    overflow: hidden;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Shape 1 (Inspired by F) */
body::before {
    content: "";
    position: absolute;
    top: 10%; /* Adjusted position to be within viewport */
    left: 10%; /* Adjusted position to be within viewport */
    width: 150px;
    height: 150px;
    background: rgba(255, 182, 193, 0.2); /* Logo color */
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; /* "F" shape */
    animation: float1 20s linear infinite;
    transform-origin: center;
}

/* Shape 2 (Inspired by F) */
body::after {
    content: "";
    position: absolute;
    bottom: 10%; /* Adjusted position to be within viewport */
    right: 10%; /* Adjusted position to be within viewport */
    width: 180px;
    height: 180px;
    background: rgba(230, 230, 250, 0.2); /* Logo color */
    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%; /* "F" shape */
    animation: float2 24s linear infinite;
    transform-origin: center;
}

@keyframes float1 {
    0% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateY(80vh) translateX(80vw) rotate(360deg);
        opacity: 0;
    }
}

@keyframes float2 {
    0% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
        opacity: 0;
    }
   20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateY(-80vh) translateX(-80vw) rotate(-360deg);
        opacity: 0;
    }
}

.container {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    z-index: 1;
}

.disclaimer {
    font-size: 0.8em;
    margin-bottom: 10px;
    color: #555;
}

.main-content h1 {
    font-size: 3em;
    margin-bottom: 20px;
}

.main-content a {
    color: #007BFF;
    text-decoration: none;
}

.forsale {
    font-size: 1.2em;
}

.forsale a {
    color: #28A745;
    text-decoration: none;
}