/*
Theme Name: Portafolio
Theme URI: http://urldeltema
Description: portafolio
Author: Nicolas-leal
Author URI: dirección web del autor
Version: 0.1
License: GNU General Public License (u otra)
Tags: etiquetas que ayuden a indexar el tema
*/
.container-contacto {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #002e77;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 25px;
    box-shadow: 0px 0px 8px #000000;
}
.titutlocontacto{
    font-size: 3em;
    margin: 0 0 10px;
}

label {
    display: block;
    margin-bottom: 5px;
    color: #fff;
}
input, textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.correo {
    background-color: #FFC54A;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 0px 10px rgb(180, 180, 180);
}
.correo:hover {
    background-color: #9d6b00;
    transition:all 0.5s;
}
.form-container {
    width: 60%;
}
.form-container .correo {
    margin-top: 10px;
}
.mensaje {
    display: none; /* Ocultamos el mensaje inicialmente */
    margin-left: 10px; /* Margen izquierdo para separarlo del botón */
    color: green; /* Color del texto del mensaje */
}
@media screen and (max-width: 600px) {
    .form-container {
        width: 100%;
    }
}