@font-face{
	font-family: jsrf;
	src: url('./fonts/JetSet.ttf');
}
@font-face{
	font-family: jsrfitalic;
	src: url('./fonts/Jet Set Italic.ttf');
}
@font-face{
	font-family: yoshi;
	src: url('./fonts/SMW2-Yoshis-Island.ttf');
}
@font-face{
	font-family: paper;
	src: url('./fonts/heygorgeous.ttf');
}*{
	padding: 0px;
}body{
	--darkpurple: #8E4E7F;
	--lightpurple: #C4759E;
	--lightblue: #4E8BBF;
	--darkblue: #26576F;
	--tan: #F2C288;
	--lighttan: #F8DE9E;
	--brightgreen: #40B868;
	--lightgreen: #6CD28C;
	--fleshsky: #F8B8A8;
	min-height: 100vh;
	background-image: url("./images/yoshibg.webp");
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px;
	background-color: var(--fleshsky);	
}html{
	font-family: yoshi;
}.centerscroll{
	width: 1150px;
	background-color: var(--darkblue);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	border: 20px solid var(--lightblue);
	border-radius: 16px;
	border-image: url("./images/yoshiborder.webp") 33% round;
	border-image-width: 80px;
	border-image-outset: 10px;
}.content{
	margin-left: auto;
	margin-right: auto;
}.header{
	font-family: paper;
	text-align: center;
	font-size: 40px;
	padding: 50px;
	color: var(--tan);
	background-color:var(--lightpurple);
	border-radius: 16px;
	border: 4px solid var(--lightpurple);
	border-radius: 16px;
	border-image-width: 25px;
}th, td{
	text-align: center;
	width: 200px;
	height: 200px;
	border: 35px solid;
	border-image-source: url("./images/doily.png");
	border-image-slice: 100;
	border-image-repeat: repeat;
	padding: 0;
	line-height: 0px;
	overflow: hidden;
}a{
	background-color: var(--darkpurple);
	padding: 0;
}.paragraph-P1{
	line-height: 1.1;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 20px;
}.jammin{
	height: 270px;
	width: 200px;
	border: none;
	background-image: url("./images/doily.png");
	background-size: 275px;
	background-repeat: no-repeat;
	background-position: center;
}.centercol{
	width: 530px;
}#about{
	font-family: jsrf;
	color: var(--darkpurple);
	font-size: 20px;
	height: 200px;
	width: 200px;
	overflow: hidden;
}#bloglink, #aboutText{
	font-family: jsrfitalic;
	font-size: 30px;
	color: white;
	filter: drop-shadow(2px 2px gray);
	position: absolute;
	top: 280px;
	padding-left: 30px;
	line-height: 0px;
	height: 0px;
	width: 150px;
}
.siteDescription{
	background-color: var(--lightpurple);
	overflow: auto;
	height: 470px;
/* below here I haven't updated yet, prob used on other pages */
}.linkTable{
	width: 900px;
}.SiteImg{
	max-width: 300px;
	max-height: 300px;
}.linkcol{
	text-align: left;
	width: 560px;
}.SiteLink{
	font-size: 2em;
	text-align: center;
}