*{
    margin: 0;
    padding: 0; 
}
body {
    min-height: 100vh;
    background-color: rgb(250, 249, 205);
    display: -ms-grid;
    display: grid;
                        grid-template-areas: "main" "footer";    
}
header{text-align: center;margin-bottom:.1rem;}
hgroup {
    color: rgb(250, 249, 205);
    text-shadow: 0 0 1px black;
}
main {display:flex;flex-flow: column;}
main form.registro div {
    text-align: center;
    font-size: .8rem;
    cursor: pointer;
}
div.nota {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #BCB203;
    font-weight: bold;
    text-shadow: 2px 1px 0px black;
}
div.un{color:#002A31;}
footer .foot-two a{color: #002A31;text-shadow: 2px 1px 0px #BCB203;}
.presentacion {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    background-color: rgba(188, 178, 3, 1);

}
#double{background-color: aquamarine;color: grey;width: 100px;}
#doublea {
  padding: .3rem;
  outline: none;
  background-color: black;
  color: #BCB203;
  font-weight: bold;
  border-radius: 5px;
}
#nolog {
  max-width: 360px;
  margin: 2rem auto;
  background-color: rgb(247, 244, 85);
  padding: 1rem;
  color: orange;
  text-shadow: 1px 1px 1px black;
}
.registro {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border: 1px solid;
    width: 80%;
    margin: auto;
}
.registro input {

    width: 80%;
    margin: auto;
    height: 2rem;
    background-color: transparent;
    color: rgba(0, 42, 49, 1);
    font-weight: bold;
    font-size: 1.2rem;
    border: 0;
    transition:all .4s ease-in-out;

}
.registro input.submit{
    background-color:rgba(188, 178, 3, 1);
    width:200px;
    cursor: pointer;
}
.registro input:hover,.registro input:focus{
    background-color:rgba(133, 160, 171, 1);
    color:rgb(250, 249, 205);
}
.registro input.submit:hover{
    background-color:rgba(0, 42, 49, 1);
    color:rgba(188, 178, 3, 1);
}
.bss .doble{display: none}
.bss .doble.on{display: block}
main form.registro div.pers{
    cursor:auto;
    width: 80%;
    font-size: 2rem;
    display: flex;
    flex-flow: row wrap;
    margin: auto;
}
main form.registro div.pers input{display:none;}
main form.registro div.pers .acaba{cursor:pointer;color:rgba(0, 42, 49,1);}
main form.registro div.pers .acaba.activ{color:rgba(188, 178, 3,1);}
main form.registro div.olvide {
    text-align: center;
    margin: 1% 10% 0%;
    background-color: rgba(133, 160, 171, 1);
    width: 200px;
    color: white;
    padding: 1%;
    transition:all .5s ease-in-out;
}
main form.registro div.olvide:hover{background-color:rgba(0, 42, 49, 1);}
form .indicaciones {
    color: red;
    text-transform: capitalize;
    background-color: white;
    width: 50%;
    margin: auto;
}
@media all and (max-width:42rem){
    form .indicaciones {width:60%;}
}
@media all and (max-width:32rem){
    form .indicaciones {width:100%;}
}
}