:root {
  --color-1: #003B46;
  --color-2: #07575B;
  --color-3: #66A5AD;
  --color-4: #C4DFE6;
  --verde: #229739;
  --verde-suave: #56bd5b;
  --rojo: #f44336;
  --rojo-suave: #ff8a80;
}
html {
  box-sizing: border-box;
  font-size: 62.5%; /* 1rem = 10px */
  height: 100vh;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
background-attachment: fixed;
background-image: linear-gradient(to top, #dfdfdf 0%, #fff 70%);
font-family: Vegur, 'PT Sans', Verdana, sans-serif;
font-size: 16px;
letter-spacing: .5px;
margin: 0;
min-height: 100%;
}
h1, h2, h3 {
text-align: center;
}
h1 {
font-size: 3.8rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2rem;
}
img {
width: 100%;
}
input,
select,
textarea {
  background-color: white;
  border-radius: .5rem;
  color: var(--color-2);
  padding: .5rem;
  text-align: center;
}
strong, b {
  font-weight: bold;
}