/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&display=swap');

body, html, #app {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: "Geologica", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
  	font-variation-settings:
    "slnt" 0,
    "CRSV" 0,
    "SHRP" 0;
}
body {
	touch-action: none;
}
html {
    background-image: url("../images/uc_back.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	background-color: #0d7d78;
}
#app {
  height: 100%;
}
#canvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  
}
.title {
	display: block;
    font-weight: 700;
    position: absolute;
    inset: 50% 0 auto;
    text-align: center;
    color: white;
    font-size: 2.5rem;
    letter-spacing: 0.02em;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    transform: translate(0px, -50%);
	user-select: none;
	line-height: 120%;
}

@media (min-width: 600px) {
	.title {
		font-size: 5rem;
	}
}