/* Base */
@import url(./base/fonts.css);
@import url(./base/variables.css);

/* Components */
@import url(./components/link.css);
@import url(./components/button.css);
@import url(./components/list.css);
@import url(./components/form.css);

/* Sections */
@import url(./sections/site-header.css);
@import url(./sections/login.css);
@import url(./sections/step.css);


body {
  box-sizing: border-box;
  padding-bottom: var(--spacing-xxxlarge);
  background: linear-gradient(90deg, #021048, #1e38a3);
  color: var(--color-white);
  font-weight: 300;
  font-size: var(--font-size-medium);
  font-family: var(--font-family);
  scroll-behavior: smooth;
}

header,
main,
footer {
  max-width: var(--content-width);
  margin-right: auto;
  margin-left: auto;
}

main {
  display: flex;
  flex-direction: column;
  height: 100%;

  @media only screen and (min-width: 768px) {
    min-height: calc(100vh - clamp(82px, 10.781vw, 138px));
  }
}

#signature-template {
  display: none !important;
}