#main {
	display: grid;
	grid-template-rows: 1fr auto auto auto; 
}

h1 {
	color: greenyellow;
	margin-left: 35%;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	font-family: "Times New Roman";
	/*font-size: max(48pt, 11vh);*/
	font-size: 12vh;
	font-weight: bold;
	text-shadow: -0.05em 0.03em 0.05em rgba(0,0,0,0.93);
	white-space: pre;
}

#bg {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.subtitle {
	font-family: "Times New Roman";
	font-size: 25%;
}

#about {
	text-align: center;
}

#name {
	text-align: center;
	text-shadow: -0.05em 0.03em 0.05em greenyellow;
}

#contact-info {
	text-align: center;
}

@media only screen and (orientation: portrait) {
	h1 {
		margin-left: 5%;
		font-size: 16vw;
	}
}