/* @import url(https://fonts.googleapis.com/css?family=Roboto:400);
@import url(https://fonts.googleapis.com/css?family=Baloo+Da); */

:root {
  --navbar-height: 74px;
  --footer-height: 2rem;
  --backing-gradient-col: #99b;
  --background-to: #F9FAFA;
  --background-from: #b2b2b2;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: calc(100% - var(--navbar-height) - var(--footer-height));
  /* font-family: 'Lato', sans-serif; */
  font-family: 'freight-sans-pro', sans-serif;
}

body:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background: var(--background-from);
  background: linear-gradient(
    to bottom,
    var(--background-from) 5%,
    35%,
    var(--background-to) 65%
  );
}


body { margin: 0; }

#root {
  height: 100%;
}

.main {
  text-align: center;
  width: 70%;
  margin: auto;
  padding-top: 6em;
}


.grecaptcha-badge {
  bottom:2.2rem !important;
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 2px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

#iewarn {
  display: none;
  width: 84%;
  padding: 3rem;
}
a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
  text-decoration: none;
}