html, body {
     height: 100%;
}

.body{
	background: linear-gradient(to bottom, rgba(45,54,159,1) 0%, rgba(231,56,39,1) 100%);
background-repeat: no-repeat;
background-size: cover;
	padding-top: 20rem;
	margin:0rem;
	background-attachment: fixed;
}

.botones {
 text-align: center;
 margin-top: 5rem;
}

.registro a img {
	padding-top: 8rem;
    display: block;
	margin: auto;
	vertical-align: middle;
	min-width: 60%;
}

.inicia button {
    background-color: blue;
    color: white;
    margin-top: 4rem;  border: none;
    cursor: pointer;
    font-family: verdana;
	background-color: white;
	font-size: 2rem;
	text-align: center;
    padding: 1rem 3rem;
    width: 60%;
    text-decoration: none;
    }

.registrar button{
    background-color: blue;
    color: white;
    margin-top: 4rem;  border: none;
    cursor: pointer;
    font-family: verdana;
	background-color: white;
	font-size: 2rem;
	text-align: center;
    padding: 1rem 3rem;
    width: 60%;
        text-decoration: none;

    }

 .registrar button a {
    text-decoration: none;
    color: #2d369f;
    font-weight: bold;
}

 .inicia button a {
    text-decoration: none;
    color: #2d369f;
    font-weight: bold;

}

p {
    font-family: verdana;
    color: white;
    font-size: 2rem;
    text-align: center; 
    margin-top: 4rem;
}

/*LOADER*/

.loader {
  border: 16px solid white; /* Light grey */
  border-top: 16px solid grey; /* Blue */
  border-radius: 50%;
  text-align: center;
  display: block;
  margin: auto;
margin-top: 20rem;  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}