:root {
   --color-principal:  #202020;
   --color-secundario: #B7B4B4;
   --color-fondo-login:whitesmoke;
   --color-fondo:      #ffffff;
   --color-resalte:    #C00200;
   --color-letras:     #FFFFFF;
}

.cuadrologin {   
   background-color: var(--color-fondo-login);
   box-shadow: 0px 2px 16px 1px #0000002e;
   margin: 5% 5%;
   border-radius: 25px;
}

.bodylogin {
   background-color:  var(--color-fondo);
}

.topeimagen {
   width: 100%;
   height: 25%;
   background-image: url(../img/23.jpg);
   background-repeat: repeat;
   position: absolute;
}

#primerlogin {    
   border-radius: 15px;
   background-color: var(--color-fondo-login);
   color: var(--color-resalte);
   border-color: var(--color-resalte);
}