* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Cohaerentia-Regular", sans-serif;
}


.logo {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  font-family: "Cohaerentia-Regular";
  padding: 1em;
  z-index: 1000;
  color: rgb(0, 0, 0);
  transition: color 0.3s ease;
}

.container {
  width: 100%;
  height: 100vh;
  background: #ffffff;

}


.content {
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0px;
  margin-bottom: 0px;
  object-fit: contain;
}


.nav.scrolled+.logo-container .logo {
  color: rgb(0, 0, 0);
}


@font-face {
  font-family: "Cohaerentia-Regular" format("truetype");
  src: url("../fonts/Cohaerentia-Regular.ttf");
  font-weight: bold;

  font-style: normal;

}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#main-content {
  opacity: 0;
  transition: opacity 1s ease;
}

#main-content.show {
  opacity: 1;
}