@font-face {
  font-family: klinic;
  font-weight: 300;
  src: url('../font/KlinicSlabBook.otf') format("opentype");
}

@font-face {
  font-family: signpainter;
  font-weight: 300;
  src: url('../font/SignPainter-HouseScript.otf') format("opentype");
}

body, div, p, a {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #e6c22e url("../img/bunting.png") center 100px no-repeat;
	background-size: 600px auto;
}

* {
	font-size: 36px;
}

p {
	font-family: signpainter, serif;
	font-weight: 300;
	font-size: 2rem;
	color: #00819f;
}

p {
	padding: 3rem 0 1rem 0;
}

p.error {
	color: #c23926;
}

select, input {
	font-family: signpainter, serif;
	font-weight: 300;
	color: #00819f;
}

div.content {
	width: 450px;
	height: 600px;
	margin: 350px auto;
	padding-left: 125px;
	background-image: url("../img/one.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px auto;
	text-align: center;
}

div.content2 {
	width: 550px;
	height: 600px;
	margin: 350px auto;
	padding-top: 650px;
	background-image: url("../img/arthur_turns_one_with_candle.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 550px auto;
	text-align: center;
}

a {
	font-family: signpainter, serif;
	font-size: 40pt;
	border-radius: 30px;
	background-color: #00819f;
	color: #fff;
	padding: 25px;
	box-shadow: 0 0 15px #666;
}

a:hover {
	background-color: #168f38;
}

img {
	width: 520px;
	border: 15px solid #fff;
	margin-top: 1rem;
}

img:first-of-type {
	margin-top: 2rem;
}