@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
* {
  padding: 0;
  font-family: "Quicksand", sans-serif;
  scroll-behavior: smooth;
}
:root {
  --primary: #5D9500;
  --secondary: #946846;   
  --tertiary: #EFF1ED;
}
body{
  background-color: #fff;
}
a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

::placeholder{ 
  color: black; 
}
.titulo {
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  color: var(--secondary);
}
.input-text{
  width: 268px;
  height: 19px;
  border-radius: 5px;
  border: 1px solid #000;
  outline: none;
  padding: 10px;
  font-size: 1rem;
}
.input-file{
  display: none;
}
.boton-file{
  width: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 10px;
  font-size: 1rem;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #000;
  cursor: pointer;
}
.boton-file p{
  margin-left: 0;
}
.boton-file i{
  margin-right: 0;
}
.btn-enviar{
  background-color: var(--primary);
  border: none;
  padding: 15px 30px;
  font-size: 1rem;
  text-transform: uppercase;
  border-radius: 5px;
  display: flex;
  cursor: pointer;
  margin-top: 50px;
  color: #fff;
  transition: .3s;
}
.btn-enviar:hover{
  background-color: #508004;
  transition: .3s;
}
.space{
  margin-top: 140px;
}