@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --color-1: #37f;
  --color-white: white;
  --color-black: #333;
}
body {
  /* background-color: indianred; */
  font-size: 2.3vw;
  /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
  font-family: "Roboto", sans-serif;
  color: var(--color-black);
  margin: 3vh 0;
}
a {
  color: inherit;
  text-decoration: none;
}
img,
svg {
  max-width: 100%;
}
hr {
  border: none;
  border-top: 2px solid #367cfe88;
  margin: 0.5em auto;
}
hr.bd-black {
  border-top: 2px solid #3336;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0.3em 0;
}
.btn {
  background-color: var(--color-1);
  color: var(--color-white);
  display: inline-block;
  padding: 0.2em 0.5em;
  border-radius: 0.8em;
}
.red {
  background-color: red;
}
@media (min-width: 40rem) {
  body {
    background-color: #eef;
    margin: 10vh 0;
  }
}