@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
.contacto{
    color: white;
    width: 100%;
    height: 800px;
}
.contenedor-contacto{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 800px;
    
    
}
.input-group{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.group{
    width: 312px;
}
@media (min-width: 600px) {
    .contacto {
        height: 800px;
    }
    .texto-form{
        margin-left: 100px;
    }
    .contenedor-contacto {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
        justify-items: start;
    }
    
    .contact-form {
        width: 600px;
        justify-content: center;
       align-items: start;
    }
    
    .group {
        display: flex; /* Cambia a flex para alinear los grupos horizontalmente */
        gap: 20px; /* Espacio entre los grupos de inputs */
    }

    .input-group {
        display: flex;
        flex-direction: column; /* Mantiene el label encima del input */
        flex: 1; /* Permite que cada grupo ocupe el mismo espacio */
    }
    .texto-form{
        margin-top: 274px;
    }
    .txtarea{
        width: 450px;
        height: 600px;
        
    }
    .inp-nombre{
        width: 200px;
    }
    .inp-email{
        width: 200px;
    }
}

.contact-form{
    width: 313px;
    height: 800px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.input{
    height: 59px;
    
    border-radius: 16px;
    background-color: #393E4680;
   border: 2px solid black;
   outline: none;
   color: white;
   font-family: "Alfa Slab One";
   font-size: 12px;
   font-weight: 50;
}
.texto-form{
    font-family: "Poppins";
    text-align: center;
    font-size: 42px;
   padding: 40px;
}
.label-form{
    font-size: 18px;
    font-weight: 700;
}
.txtarea{
    resize: none;
    height: 100px;
    border-radius: 10px;
    padding: 10px;
}
.btn-submit{
    width: 312px;
    height: 55px;
    margin-top: 10px;
    border-radius: 24px;
    background-color: #00ADB5;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    border: solid 1px black;
    box-shadow: 10px 20px 20px rgba(107, 93, 119, 0.5);
}
.btn-submit:hover{
    background-color: cadetblue;
}
.check{
    margin-left: 5px;
}