* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.login {
  margin-top: 4em; 
  padding: 5em; 
  color: #f1f1f1; 
  font-family: 'Anonymous Pro';  
}

.container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;  
  width: 100%;  
}

.centralize {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0;  
  padding: 0 2.5ch 0 2.5ch;
  text-align: justify;
}

 
button { 
  background-color: #af4c4c !important; /* verde suave */
  color: white; 
  padding: 12px 24px; 
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s !important; 
}

button:hover {
  background-color: #d61919 !important;
}

.button-wdt {
  width: 50%;
}

nav {
  display: flex;  
  align-items: center;
  justify-content: center;  
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.145);
  width: 100%;
}

footer {
  padding: 0 0 25px 0;
}


/* Animations */
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);

/* Cursor */
.cursor {
  position: relative;
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255, 255, 255, .75);
  font-size: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);    
}

/* Animation */
.typewriter-animation {
  animation: 
    typewriter 0.75s steps(90) 1s 1 normal both, 
    blinkingCursor 700ms steps(90) infinite normal
}

@keyframes typewriter {
  from { width: 0; }
  to { width: 15.0ch; } 
}

@keyframes blinkingCursor {
  from { border-right-color: rgba(5, 0, 0, 0.75); }
  to { border-right-color: transparent; }
}

/* Global */