:root{
	--webBrown:   #463730;
	--webVBlue:   #3B429F;
	--webAirBlue: #759FBC;
	--webPeach:   #F5D6BA;
	--webTan:     #F49D6E;
}

body{
	background-color: WhiteSmoke;
}

h1{
	font-family:calibri;
	text-align:center;
	font-size: 36pt;
}

p.intro{
	font-family:Comic Sans MS, cursive, sans-serif; 
	font-size:14pt;
	text-align:justify;
}

img.frame{
	border: 5px solid var(--webBrown);
	border-radius:10px;
}

.linkDiv{
	background-color: var(--webTan);
	margin:10px;
	font-size:4vmin;
	font-family:calibri;
	padding:1px;
	line-height:2cm;
	height:2cm;
	width:200px;
	border: 5px solid var(--webBrown);
	border-radius:10px;
	display: inline-block;
	text-align:center;
	color:white;
}

.bigBtn{
	background-color: var(--webTan);
	margin:10px;
	font-size:4vmin;
	font-family:calibri;
	padding:1px;
	line-height:2cm;
	height:2cm;
	width:200px;
	border: 5px solid var(--webBrown);
	border-radius:10px;
	display: inline-block;
	text-align:center;
	color:white;
	line-height:0;
	font-size:50px;
}

.bigBtn:hover{
	color: var(--webTan);
	background-color: var(--webPeach);
}

#centeredDiv{
	display: flex; 
	justify-content: center;
}

a{
	color:var(--webVBlue);
}

a:hover{
	color: var(--webPeach);
}

pre{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}