@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');

body{
	font-family: "VT323", serif;
	font-size: 15px;
	margin: 0;
	padding: 6px;
	cursor:url(http://media.tumblr.com/4927b83237b352c7d96ccc4fbcc5b313/tumblr_inline_mfn7vru6UB1qid2nw.png), url(http://media.tumblr.com/4927b83237b352c7d96ccc4fbcc5b313/tumblr_inline_mfn7vru6UB1qid2nw.png), auto;
	background-color: #ffffff;
}

.outer{
	width: 900px;
	height: 1470px;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 6px;
	background-color: #ffffff;
	margin: auto;
}


.title{
	display: inline-block;
	vertical-align: top;
	width: 492px;
	height: 117px;
	margin-left: 70px;
	margin-top: 40px;
	margin-bottom: 2px;
	background-color: #ffffff;
	background-size: cover;
	background-position: 20%;
}

.banner-wrapper{
	display: inline-block;
	vertical-align: top;
	width: 630px;
	height: 230px;
}


.banner{
	border: 1px solid #000;
	display: inline-block;
	vertical-align: top;
	width: 630px;
	height: 200px;
	border-radius: 20px;
	background-color: #ffffff;
	background-size: cover;
	background-position: 20%;
}

.icon{
	border: 1px solid #000;
	display: inline-block;
	vertical-align: top;
	width: 230px;
	height: 230px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-radius: 20px;
	background-color: #ffffff;
	background-size: cover;
	background-position: 20%;
}

.scroller2{
	border: 1px solid #000;
	display: inline-block;
	vertical-align: top;
	width: 630px;
	height: 20px;
	margin-top: 6px;
	border-radius: 20px;
	background: #FFF;
	overflow: hidden;
}


.marquee2 {
	overflow: hidden;
	display: flex;
	line-height: 20px;
}

.marquee2 span{
	white-space: nowrap;
}

.left{
	display: inline-block;
	font-family: "Press Start 2P", serif;
	font-size: 13px;
	vertical-align: top;
	width: 200px;
}

.blinkies{
	margin-left: 20px;
}

.textl{
		display: block;
		line-height: 40px;
		text-align: center;
		margin-bottom: 12px;
		font-size: 15px;
		color: #000;
		text-decoration: none;
		text-shadow: 0 0 3px #FFF;
		letter-spacing: 1px;
}

.home{
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 12px;
	background-image: url('images/home.png');
	background-size: cover;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0 3px #ffffff;
	letter-spacing: 1px;
	border: 1px solid #085a00;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.home:hover {
    transform: scale(1.15);
}

.home:active {
    transform: scale(1.05);
}

.about{
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 12px;
	background-image: url('images/about.png');
	background-size: cover;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0 3px #ffffff;
	letter-spacing: 1px;
	border: 1px solid #085a00;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.about:hover {
    transform: scale(1.15);
}

.about:active {
    transform: scale(1.05);
}

.blog {
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 12px;
	background-size: cover;
	background-image: url('images/blog.png');
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0 3px #ffffff;
	letter-spacing: 1px;
	border: 1px solid #085a00;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.blog:hover {
	transform: scale(1.15);
}
.blog:active {
	transform: scale(1.05);
}

.shrines {
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 12px;
	background-size: cover;
	background-image: url('images/shrines.png');
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0 4px #ffffff;
	letter-spacing: 1px;
	border: 1px solid #085a00;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.shrines:hover {
	transform: scale(1.15);
}
.shrines:active {
	transform: scale(1.05);
}

.art {
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 12px;
	background-size: cover;
	background-image: url('images/art.png');
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-shadow: 0 0 3px #ffffff;
	letter-spacing: 1px;
	border: 1px solid #085a00;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.art:hover {
	transform: scale(1.15);
}
.art:active {
	transform: scale(1.05);
}

.main{
	border: 1px solid #000;
	display: inline-block;
	vertical-align: top;
	background-color: #ffffff;
	border-radius: 20px;
	width: 500px;
	height: 1225px;
}

.right{
	width: 186px;
	display: inline-block;
	vertical-align: top;
}

.stamps{
	margin-left: 40px;
}

h1 {
	background: #005312;
	color: #97ff90;
	margin: 3;
	font-family: "Press Start 2P", serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 2px;
	border-radius: 20px;
	margin-bottom: 20px;
}

h2{
	background: #000;
	color: #2bff00;
	margin: 3;
	font-family: "Press Start 2P", serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 2px;
	border-radius: 0px;
	margin-bottom: 10px;
}

p{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight: lighter;
	text-align: center;
	font-size: 15px;
	margin: 3px;
}

p1{
	font-family: "Press Start 2P", serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.bottom{
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-weight: lighter;
	font-size: 15px;
	text-align: center;
	margin: 3px;
}

.buttonsdeco{
	width: 900px;
	margin-left: 220px;
	margin-top: 5px;
	margin-bottom: 5px;
}