@font-face {
    font-family: "Vonique 43_D"; src: url("../fonts/Vonique\ 43_D.otf");    
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        background-color: #141414;
        color: white;
        font-family: "Vonique 43_D", Arial, Helvetica, sans-serif;
        }

/* Estilos para la barra de navegación */
.navbar {
    background-color: gold;
    height: 20px;
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    padding: 0 20px; /* Espacio alrededor del texto */
}

.nav-link {
    text-decoration: none;
    color: #141414; /* Color del texto */
    font-size: 14px; /* Tamaño del texto */
    margin: 0 10px; /* Espacio entre enlaces */
}

/* Estilos para el contenido de la página */
.content {
    text-align: center; /* Centrar el contenido horizontalmente */
    margin-top: 50px; /* Margen superior para separar del contenido superior */
}

.content h1 {
    font-size: 24px; /* Tamaño del título */
}

.content p {
    font-size: 16px; /* Tamaño del texto */
}

.content form {
    margin-top: 20px; /* Espacio superior del formulario */
    max-width: 400px; /* Ancho máximo del formulario */
    margin-left: auto; /* Centrar el formulario horizontalmente */
    margin-right: auto;
}

.content form label,
.content form input,
.content form textarea,
.content form input[type="submit"] {
    display: block; /* Alinear elementos verticalmente */
    margin-bottom: 10px; /* Espacio entre elementos */
}

.content form input[type="text"],
.content form input[type="email"],
.content form textarea {
    width: 100%; /* Ocupar todo el ancho disponible */
    padding: 5px; /* Espacio interno */
    font-size: 14px; /* Tamaño del texto */
}

.content form input[type="submit"] {
    background-color: gold; /* Color de fondo del botón */
    color: #141414; /* Color de texto del botón */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Espacio interno del botón */
    cursor: pointer; /* Cambiar el cursor al pasar el mouse */
    transition: background-color 0.3s ease; /* Transición suave del color de fondo */
}

.content form input[type="submit"]:hover {
    background-color: #ffd700; /* Cambio de color de fondo al pasar el mouse */
}