body {
    background-color: #ccbcad;
    margin: 0;
}

#marquee-blooms-logo {
    width: clamp(300px, 90vw, 40rem);
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    height: 100vh;
}

#social-icons {
    display: flex;
    gap: 1rem;
}

.social-icon {
    color: hsla(17, 51%, 38%, 1.0);
    width: clamp(30px, 9vw, 4rem);
}

svg.social-icon:hover {
    animation: hop 0.3s infinite alternate;
}

#footer {
    font-size: clamp(0.75rem, 3vw, 1rem);
}

@keyframes hop {
    from { transform: translateY(0); }
    to {transform: translateY(-5px); }
}