@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&display=swap");
html {
  font-size: 16px;
}

body {
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  background-color: #E3F8E9;
}
body h1, body h3, body p {
  font-weight: 500;
  color: #3d405b;
}
body .r-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px;
}
body .r-main {
  width: 100%;
  height: calc(100vh - 5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body .r-main h1 {
  padding: 0 1rem;
}
body .r-main .horizontal-line {
  width: 3rem;
  color: #3d405b;
}

body .r-main .codedesc {
  background-color: #98a894;
}