main {
	display: flex;
	flex-direction: column;
	gap: 100px;
	justify-content: center;
	margin: 0 auto;
}

h1 {
	font-size: 3rem;
	font-family: monospace;
	text-align: center;
	margin: 150px 0 0;
	padding: 5px;
	color: #fff;
	/*background-color: #039cdf;*/
	background: url(/src/images/plank_cropped.png);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5), 
		inset 0 0 5px 5px rgba(0,0,0,0.2);
	
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
@media only screen and (max-width: 800px) {
	h1 {
		font-size: 2.5rem;
	}
}
@media only screen and (max-width: 550px) {
	h1 {
		font-size: 2rem;
	}
}
/*
h1 {
  position: relative;
  font-size: 3rem;
  font-family: monospace;
  text-align: center;
  padding: 30px 5px 60px;
  color: #fff;
  background-color: #039cdf;
  overflow: hidden;
}
h1::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 60px;
	rotate: 180deg;
	
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,20 C120,40 240,0 360,10 480,20 600,50 720,40 840,30 960,10 1080,20 1200,30 1320,40 1440,20 L1440,0 L0,0 Z'/%3E%3C/svg%3E")
    no-repeat bottom center / cover;
}
*/