*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  font-family: "Rubik", -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Helvetica Neue", Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji",
  "Segoe UI Symbol";
}

.aspira-regular {
  font-family: "Aspira-Regular", -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Rubik", "Helvetica Neue", Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.aspira-bold,
h1, h2, h3, h4, h5, h6, button  {
  font-family: "Aspira-Demi", -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Rubik", "Helvetica Neue", Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
}

.aspira-bold-italic {
  font-family: "Aspira-BlackIt", -apple-system, BlinkMacSystemFont,
  "Segoe UI", "Rubik", "Helvetica Neue", Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
  font-style: italic;
}

h1 {
  color: #0098d3;
  font-weight: bolder;
}

h2, h3, h4, h5, h6 {
  color: #0098d3;
  font-weight: bolder;
  margin-top: 40px;
}

pre {
  outline: 2px solid #e83e8c;
}

main {
  margin: 20px 0;
  padding: 40px 60px !important;
  box-shadow: 0 20px 60px 0 rgba(73, 80, 87, 0.38);
  min-width: 320px;
}

.logo {
  display: block;
  margin: 20px auto 40px;
  width: 80vw;
  max-width: 480px;
  min-width: 240px;
}