/* Background pattern from Subtle Patterns */

@font-face {
	font-family:  MisterTtocSHandwritingFont2019;
	src:  url("fonts/MisterTtocSHandwritingFont2019.ttf");
}

@font-face {
	font-family:  MisterTtocSHandwritingFontThick;
	src:  url("fonts/MisterTtocSHandwritingFontThick.ttf");
}

h1, h2, h3, h4, h5, h6 {
  font-family:  MisterTtocSHandwritingFont2019;
  padding: 0px;
  margin:   0px;
}

p, a {
	font-family:   MisterTtocSHandwritingFont2019;
}

#wrapper {
	display:  flex;
	flex-direction: column;
	place-items:  center;
}

header {
	text-align:   center;
}

h1 {
	font-size:   100px;
}

@media (max-width: 850px) {
	h1 {
		font-size:  70px;
	}
}

@media (max-width: 650px) {
	h1 {
		font-size:  50px;
	}
}

main {
	text-align:   center;
}

main p {
	font-size:   30px;
}

a {
	color:   red;
	text-decoration:   none;
}


a:visited {
	color:   red;
}

a:hover {
	color:   lightpink;
}

.website-links {
	display:  flex;
	flex-direction: column;
	margin:  0;
	padding:  3px;
	list-style-type:  none;
	position: relative;
}

.website-links a {
	margin:  3px;
	padding:  3px;
	border-radius:  5px;
	background-color:  red;
	color:  white;
}

.website-links a:hover {
	background-color:  pink;
}