* { box-sizing: border-box; margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; background-color: black; background-image: url("./assets/bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; font-size: calc(50vw / 12); }
main { width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: "PT Sans Narrow", sans-serif; background: radial-gradient(rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7)); padding-bottom: 10vw; }
#title { width: 50vw; height: auto; margin-bottom: 0.75em; mix-blend-mode: plus-lighter; opacity: 0.8; }
h1, p { mix-blend-mode: lighten; }
a { color: #45a9ff; } 
p { color: white; }
#description { font-size: 0.6em; margin-bottom: 1em; }
#inquiries { font-size: 0.5em; }

#deco { width: 100vw; position: absolute; bottom: 0.25em; left: 0; height: auto; display: flex; align-items: center; justify-content: center; filter: sepia(0.8); mix-blend-mode: plus-lighter; opacity: 0.8; }
#deco img { max-width: 30vw; max-height: 30vh; max-height: 30dvh; }

@media screen and (orientation: portrait) {
	body { font-size: calc(90vw / 12); }
	#title { width: 80vw; }
	#deco img { max-width: 40vw; max-height: 40vh; max-height: 40dvh; }
}