@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");

/* ColorScheme:
Dark Blue: #0f3f93
Light Blue: #81d0f5
Bakground Yellow: #fef8eb
Background Grey: #f3f4f6
Greyish text: rgba(35, 40, 81, 0.4)
Brueish text: rgba(255, 255, 255,0.5) */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Cabin", sans-serif;
  color: #0f3f93;
}
body {
  min-height: 100vh;
}

.invisible {
  display: none !important;
}

.button__type1 {
  cursor: pointer;
  font-size: 2rem;
  border: none;
  padding: 0.5rem 2rem;
  font-family: inherit;
  text-align: center;
  border-radius: 10rem;
  margin-right: 1rem;
  background-color: #0f3f93;
  color: #fef8eb;
  transition: all 0.3s;
}

.button__type1:hover,
.button__type1:focus {
  outline: none;
  background-color: #fef8eb;
  color: inherit;
}