/* General Styles */

* {
  /* Prevents the browser from zooming in on touch devices */
  touch-action: manipulation;
}

html {
  background-color: #eee;
  height: 100dvh;
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  margin: 0px auto;
  background-color: #dde8ee;
  color: #2B3C4B;
  width: 100%;
  height: 100dvh;
  font-size: 1.1em;
  line-height: 1.4;

}

h1,
h2,
h3 {
  font-weight: 400;
}

h2 {
  font-size: 1.2em;
}

/* Button Styles */
button {
  padding: 8px 16px;
  color: #fff;
  background: #416ca6 no-repeat center center;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1em;
}

button:hover {
  background-color: #d1d4d5;
}

button.secondary {
  background-color: #fff;
  color: #416ca6;
  border: 1px solid #dfdfdf;
}

a {
  text-decoration: none;
}

/* Utility Classes */
.hidden {
  display: none;
}

.future-feature {
  display: none;
}