/*
 * Screen sizes
 * ======================================================================== */
/* Extra small screen / phone */
/* Extra small landscape screen / phone */
/* Small screen / tablet */
/* Medium screen / desktop */
/* Large screen / wide desktop */
/*
 * Typography
 * ======================================================================== */
/*
 * Layout
 * ======================================================================== */
/*
 * Grid gutters
 * ======================================================================== */
/*
 * Colors
 * ======================================================================== */
/*
 * Background
 * ======================================================================== */
/*
 * Shadows
 * ======================================================================== */
/*
 * Custom configs for sm, md and lg screen size
 * ======================================================================== */
/*
 * Custom configs for md and lg screen size
 * ======================================================================== */
/*
 * Custom configs for lg screen size
 * ======================================================================== */
html {
  font-family: "Poppins", serif;
  color: #2b3c47;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  height: 100%;
}

body {
  box-sizing: border-box;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #1A2F3D;
  background-image: url(/images/background.svg);
  background-size: cover;
}

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

a {
  color: #00A1DF;
  text-decoration: none;
}

:focus {
  box-shadow: 0 0 0 2px #00A1DF;
  outline: none;
}

/*
 * Only apply focus to keyboard navigation in browsers that support :focus-visible
 */
select:focus:not(:focus-visible) {
  box-shadow: none;
}

select:focus-visible {
  box-shadow: 0 0 0 2px #00A1DF;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#app {
  height: 100%;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #00A1DF;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #00A1DF;
  color: #fff;
  text-shadow: none;
}

/*
 * Remove default list styling
 */
ul,
ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/*
 * Browser upgrade prompt
 * ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*
 * Print styles
 * Inlined to avoid the additional HTTP request:
 * http://www.phpied.com/delay-loading-your-print-css/
 * ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
 * Remove the arrows from the numerical input:
 * https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

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