@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@font-face {
  font-family: montserratLight;
  src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
  font-family: montserratRegular;
  src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: montserratBold;
  src: url(../fonts/Montserrat-Bold.ttf);
}

body{
  font-family: montserratRegular;
  margin-bottom: 100px !important;
}

.main-container{
  margin-top: 0px;
}

.title-defensores4t{
  font-size: 3rem;
  color: white;
  background-color: #c50000;
  text-align: center;
  padding: 2rem 1rem;
}

.logo-defensores4t{
  margin-top: 4.5rem;
}

.div-defensores4t-form{
  padding: 4.5rem 1.5rem 4.5rem 1.5rem;
  background-image: url('../images/decal_defensores4t.png'),  url('../images/candidato_defensores4t.png'), url('../images/fondo_defensores4t.jpg');
  background-position: right bottom, right bottom, left top;
  background-size: 360px, auto, auto;
  background-repeat: no-repeat;
}

.form-control{
  background-color: #cfcfcf !important;
  border-radius: 10px !important;
}

.btn-defensores4t{
  font-family: montserratBold;
  font-size: 1.25rem;
  color: white;
  padding: 0.25rem 0.75rem;
  background-color: #c50000;
  border-radius: 10px;
}

.footer{
  height: 100px !important;
  color: black;
  font-family: montserratLight;
  font-size: 1rem;
  background-color: #dedbdd;
}
