@font-face {
  font-family: "Poiret One Regular";
	src: local("Poiret One Regular"),
	src: local("Poiret-One-Regular"),
		url("https://studio-happyvalley.com/assets/font/PoiretOne-Regular.woff2") format("woff2"),
		url("https://studio-happyvalley.com/assets/font/PoiretOne-Regular.woff") format("woff");
}

:root {
	--font-def-alp: 'Poiret One Regular';
}

main{
	display: grid;
  place-items: center;
    place-content: start;
	width: 100vw;
	height: 100vh;
}

#logo{
	width: 100vw;
	font-family: var(--font-def-alp);
	font-size: 12vw;
	text-align: center;
	line-height: 8vw;
  padding: 4vw 0;
}

#image{
  width: 66vw;
  position: relative;

  span{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18vw;
    margin-top: -6vw;
    width: 50%;
    text-align: center;
    color: #5a000f;
    font-size: clamp(.8rem, 3vw, 4rem);
    line-height: clamp(1.28rem, 4.8vw, 6.4rem);
    font-weight: bold;
    filter: blur(.1vw);
  }
}

img{
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 840px){
  main{
    place-content: center;
  }
}