@import url("https://fonts.googleapis.com/css2?family=Balsamic+Sans:wgt@400;700&display=swap");


*{
    box-sizing: border-box;
    font-family:"Balsamic Sans";
}
body{

    background: #f6f8fa;

}
header{
    text-align: center;
    background: #183a00;
    color: #ffffff;
    padding: 10px 0;
}
.container{
    max-width: 700px;
    margin: auto;
    padding: 20px;
}
h2{
    text-align: center;
}
section{
    border: 2px solid #5fa305;
    border-radius:7px ;
    padding: 10px;
    margin-bottom: 20px ;
    width: 100%;
}

.formularios label{
    display:grid;
    padding: 7px;
    border-radius: 7px;
    cursor: pointer;
    border: 1px dashed #ccc;
    margin-bottom: 3px;

}
label{
    display: block;
    padding: 7px;
    border-radius: 7px;
    cursor: pointer;
    border: 1px dashed #ccc;
    margin-bottom: 3px;
}
label:hover{
    background: #3ea2008e;
}


.button1-container1 {
    text-align: center; 
}

.btn1 {
    display: inline-block;
    background-color: #630101;
    padding: 15px;
    text-decoration: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15pt;
    text-align: center;
}
.btn1:hover {
    background-color: #593939; /* Cambia el color al pasar el cursor */
}



.button2-container2 {
    text-align: center; 
}

.btn2 {
    display: inline-block;
    background-color: #009207;
    padding: 15px;
    text-decoration: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15pt;
    text-align: center;
}
.btn2:hover {
    background-color: #174100; /* Cambia el color al pasar el cursor */
}


.btn:hover {
    background-color: #56ce0b; /* Cambia el color al pasar el cursor */
}

a {
    color: #eeecec;
}