body {
    width: 100vw;
    height: 90vh;
    color: #e0f2f1; /* texto en verde claro suave */
    background: linear-gradient(-45deg, #0d1b1e, #102a2c, #134e4a, #0b3d3b);
    background-size: 400% 400%;
    animation: Gradient 20s ease infinite;
    font-family: Arial, sans-serif;
}

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

.btn-outline-light {
    border-color: #4db6ac;
    color: #a7ffeb;
}

.btn-outline-light:hover {
    background-color: #004d40;
    color: #e0f2f1;
}

.backdrop {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
    border-radius: 50%;
}

.linktree {
    width: 120px;
    height: 120px;
    background-image: url("https://be00wulf.github.io/mj-ba.github.io/assets/images/cherry.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}