html {
    box-sizing: border-box;
    font-size: 62.5%;
}
*, *:before, *:after {
    box-sizing: inherit;
    background-color: #dfdfdf;

}
body{
    font-family: "Raleway", sans-serif;
    padding-bottom: 5rem;

}

.formulario {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    margin: 5rem auto;
    gap: 5rem;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.315);
    padding: 3rem;
    font-size: 1.8rem;
}
.contenedor {
    width: 80%;
    margin: 5rem auto 0 auto;
    font-size: 1.8rem;    
}

.contenido {
    margin-top: 2rem;
}
.campo {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
input {
    border: none;
    border-bottom: 1px solid #000;
    background-color: #dfdfdf;
    width: 100%;
}
input[type="file"] {
    border: none;
    
}
input:focus {
    outline: none;
}
textarea:focus{
    outline: none;
}
button {
    border: none;
    background-color: #006400;
    color: #fff;
    padding: 1rem 2rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

button:hover {
    background-color: #00a500;
    transition: all 0.2s ease-in-out;
}

span {
    font-weight: bold;
}

.exito {
    background-color: #006400;
    padding: 2rem 1rem;
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.error {
    background-color: #740303ce;
    padding: 2rem 1rem;
    width: 100%;
    color: #fff;
    font-weight: bold;
}