@import url('./pages/home.css');
@import url("./pages/gallery.css");
@import url("./pages/notfound.css");
@import url("./pages/timeline.css");

@import url("./layout/header.css");
@import url("./layout/footer.css");

@import url("./components/loading.css");

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

.outfit{
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.outfit-600{
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.outfit-800{
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

:root{
  --bg-color-0: #FCF8F8;
  --bg-color-1: #FBEFEF;
  --bg-color-2: #F9DFDF;
  --bg-color-3: #F5AFAF;

  --active-color: #D32D3E;
}

html, body{
  width: 100%;

  margin: 0;
  padding: 0;
  border: 0;

  background-color: var(--bg-color-1);
  overscroll-behavior-y: none;
}

h1, p{
  margin: 0;
}

#app{
  min-height: calc(100vh - 95px);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#app section{
  width: 100%;
  min-height: 100vh;
}