@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.woff2') format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.woff2') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Semibold.woff2') format('woff2');
  font-weight: 600;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.woff2') format('woff2');
  font-weight: 700;
}

.body {
  color: #000;
  background: #fff;
  font-family: Gilroy;
  font-size: 100%;
  font-weight: 300;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#page {
  width: 100dvw;
  height: 100dvh;
  background-color: #66a2fe;
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  
}

#page.is-active {
  opacity: 1;
}