@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@font-face {
  font-family: panchang;
  src: url(../Panchang-Variable.ttf);
}

main {
  background-color: black;
  background-image: url(../images/texture.jpg);
  background-position: center;
  background-size: cover;
  min-height: 100vh;
}

.content {
  min-height: 100vh;
  min-height: 100svh;
  display: flex; 
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 3.125rem;
}

.logo {
  max-width: 37.125rem;
  mix-blend-mode: difference;
}

h1 {
  color: white;
  font-family: "Michroma", sans-serif;
  font-size: clamp(1.5rem, 0.496rem + 2.92vi, 4rem);
  letter-spacing: 30%;
  mix-blend-mode: difference;
  text-align: center;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: white;
  font-family: "Michroma", sans-serif;
  letter-spacing: 30%;
  mix-blend-mode: difference;
  font-size: clamp(0.85rem, 0.388rem + 1.343vi, 2rem);
}