@import 'index.css';

.iteration {
    height: 100vh;
    margin: 0;
    transition: background 0.5s ease;
    /* Suave transición entre imágenes */
}

.img-logo {
    width: 100px;
    height: 280px;
}

textarea {
    resize: none;
}

.fs-custom {
    font-size: 12px;
    color: gray;
}

.btn-custom {
    font-family: var(--heading-font);
    background: var(--accent-color);
    color: var(--contrast-color);
    border: 0;
    padding: 10px 30px;
    transition: 0.4s;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.btn-custom:hover{
    background: color-mix(in srgb, var(--accent-color), transparent 20%);
    color: white;
}