/* 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");
}

body {
	align-items: center;
}


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

p, a {
	font-family:   MisterTtocSHandwritingFont2019;
}

#wrapper {
	width:   1280px;
	margin:   auto;
}

header {
	text-align:   center;
}

h1 {
	font-size:   100px;
}



main {
	text-align:   center;
}

main p {
	font-size:   30px;
}

a {
	color:   red;
	text-decoration:   none;
	transition:  font-size 2s;
}


a:visited {
	color:   red;
}

a:hover {
	color:   lightpink;
	font-size:   20px;
}

.websites-div {
	height:  85px;
}

.website-links {
	display:  inline;
	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 {
	transition:  background-color 0.5s;
	transition:  font-size 2s;
}

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