/* You can add global styles to this file, and also import other style files */
html,
button,
input,
select,
textarea,
.pure-g [class*=pure-u] {
  font-family: "Roboto", sans-serif;
}
:root {
  --page-background: #fbfbfb;
  --card-background: #fff;
  --padding-default: 1rem;
  --border-color: hsl(0, 0%, 90%);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  --sidebar-width: 250px;
  --focus-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --success-green: rgb(28, 184, 65);
  --warning-yellow: rgb(223, 117, 20);
  --error-red: rgb(202, 60, 60);
  --theme-color: hsl(212, 95%, 30%);
}
html,
body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  height: 100%;
  background-color: var(--page-background);
}
.clickable {
  cursor: pointer;
}
.pure-img-responsive {
  max-width: 100%;
  height: auto;
}
.wrapper {
  padding: 2rem 1rem;
}
.wrapper .header {
  padding: 4rem 0 2rem;
  margin-bottom: 1rem;
}
.wrapper .header h2 {
  font-size: 32px;
  color: var(--theme-color);
  margin: 0 0 0.25rem;
  padding: 0;
  font-weight: 400;
}
.wrapper .header p {
  font-size: 18px;
  color: #4a4a4a;
  margin: 0;
  padding: 0;
}
.wrapper .header p a {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 48em) {
  .wrapper {
    padding-inline: 2.5rem;
  }
}
.text-success {
  color: var(--success-green);
}
.text-warning {
  color: var(--warning-yellow);
}
.text-error {
  color: var(--error-red);
}
.circle-loader {
  --size: 80px;
  position: relative;
  pointer-events: none;
  min-height: var(--size);
}
.circle-loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  height: calc(var(--size) * 0.5);
  width: calc(var(--size) * 0.5);
  margin-left: calc(var(--size) * -0.25);
  margin-top: calc(var(--size) * -0.25);
  border-radius: 50%;
  border: 2px solid #eee;
  border-top-color: var(--pmd-new-blue);
  animation: spinner 0.5s linear infinite;
}
.circle-loader.mini {
  --size: 40px;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=styles.css.map*/