@font-face {
  font-family: "Bw Modelica";
  src: url("../webfonts/BwModelica/otf/BwModelica-Medium.otf") format("opentype");
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Bw Modelica';
  font-size: inherit;
  margin: 0;
}

main {
  flex-grow: 1;
}

.card {
  max-width: 500px;
  box-shadow: 2px 6px 6px rgba(0, 4, 4, 0.3);
}

.custom-input:focus {
  outline: none;
  box-shadow: none;
}

.input-group {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group:focus-within,
.form-check-input:focus-within {
  border-color: #6ABB3A;
  box-shadow: 0 0 0 0.2rem rgba(106, 187, 58, 0.25);
}

.input-group:focus-within.is-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-input {
  border-right: 0;
}

.input-group-text {
  border-left: 0;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.is-invalid~.input-group-text {
  border-color: #dc3545 !important;
}

a.text-light:focus,
a.text-light:hover {
  color: #f8f9fa !important;
}

.redes {
  gap: 10px;
}

.redes a:hover {
  color: #008206 !important;
}

.card-body h1 {
  font-size: clamp(2.4rem, 4vw, 3rem);
}