:root {
  --color-principal: #111E3F;
  --color-secundario: #C2AA72;
}

html {
  overflow-x: hidden;
}

body {
  background: var(--color-secundario);
  font-family: "Nimbus Sans TW01Con", "Nimbus Sans TW05Con", sans-serif;
  font-weight: 400;
  font-size: 25px;
  overflow-x: hidden;
  position: relative;
}

.container {
  max-width: 500px;
  margin-top: 50px;
  margin-bottom: 100px;
  padding: 20px;
  color: white;
}

.container > h2 {
  font-family: "Nimbus Sans TW01Con", "Nimbus Sans TW05Con", sans-serif;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
}

.form-control {
  font-family: sans-serif;
}

.form-control:focus, .form-control:hover  {
  box-shadow: inset 0 0 0 2px black;
}

.form-control, .submit {
  border-radius: 0;
}  

.submit {
  background-color: var(--color-principal);
  border: none;
  margin-bottom: 10px;
  font-family: "avenir-lt-w01_35-light1475496", "avenir-lt-w05_35-light", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 15px;
}

.submit:hover {
  background-color: rgba(255, 255, 255, 0.868);
  color: var(--color-secundario);
}

.registar {
  color: var(--color-principal);
  text-decoration: underline;
}

.alert-danger {
  background-color: #ff4d4d;
  color: white;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #ff0000;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.alert-success {
  background-color: #00cc00;
  color: white;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #00b300;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}