/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Montserrat:wght@300&display=swap");

/* @font-face {
  font-family: "Monserrat";
  src: url("static/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap") format("otf");
} */
/* 
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500); */

body,
body * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  /* position: relative; */
  font-family: "lato", "Roboto", sans-serif;
  font-weight: normal;
  display: inline-block;
  /* user-select: none; */
}

html {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100%;

  max-height: -webkit-fill-available;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  height: -webkit-fill-available;
  max-height: 100%;
  max-height: -webkit-fill-available;
  min-height: -webkit-fill-available;
  overflow: hidden;
  background-color: white;
}

app-root {
  width: 100%;
  height: 100%;
}