/* @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;
}

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

/* body {
  background: rgba(3, 161, 192, 0.45);
} */
html {
  height: calc(100% - var(--navbar-height) - var(--footer-height));
  /* font-family: 'Lato', sans-serif; */
  font-family: 'freight-sans-pro', sans-serif;
  /* font-size: 65%; */
}
body {
  /* height: 100%; */
  margin: 0;
  /* font-family: "'Baloo Da', cursive" !important; */

  background: rgb(254,255,255);
  /* background: radial-gradient(
    circle at 70% 15%,
    rgba(235, 240, 88, 0.3) 0%,
    rgba(255, 255, 255, 0.3) 16%,
    rgba(3, 161, 192, 0.45) 100%
  ); */

  /* background-size: cover; */
}

#root {
  height: 100%;
}

/* #root { */
/* background-color: transparent;
      background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
      height: 100%;
      background-size: 50px 50px; */

/* background-repeat: ; */
/* background: linear-gradient(to bottom rgba(235,240,88,0.75) 0%, rgba(0,212,255,0.4696079115239846) 50%);  */
/* } */

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

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