body {
	background-color: #9b619d;
	font-family:"Noto Sans JP";
	font-size:23px;
	line-height:1.3em;
	color:#fff;
}

.content {
	min-height: 600px;
	width:80%;
	max-width:900px;
	min-width:900px;
	margin:auto;
	margin-top:100px;
	margin-bottom:400px;
	padding: 30px;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
}

a { 
	color: #67f5ff;
	text-decoration:none;
}

.pink {
	color: #f7c5fa;
}


.excerpt {
	margin-left:30px;
	margin-bottom:20px;
	width:820px;
	height:220px;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
}

.post-thumbnail {
	width:200px;
	height:180px;
	max-height:180px;
	max-width:200px;
	float:right;
	margin-right:13px;
}

.post-thumbnail img {
	height:220px;
	width:200px;
	max-width:auto;
	padding-left:13px;
	border-radius: 12px;
	object-fit: cover;
	object-position:50% 0%
}

.post-excerpt {
	width:580px;
	padding:15px 0 10px 20px;
	font-size:22px;
}

.post-text, .post-text a {
	width:560px;
	font-size:22px;
	padding:10px 0 0 0px;
	color:#fff;
}

.post-title {
	color: #67f5ff;
	font-size: 28px;
	font-weight:600;
	margin-bottom: 5px;
	float:left;
}

.post-date, .post-date a {
	text-align:right;
	color:#f7c5fa;
	font-size:20px;
}

.guides-parent {
	font-family: "Press Start 2P";
	font-size:18px;
	line-height:34px;
    display: grid;
    grid-template-columns: 1fr;
	width:300px;
	height:400px;
	display:block;
	float:left;
}

.about {
	font-family:"Press Start 2P";
	font-size:17px;
	word-spacing:-6px;
	line-height:32px;
	text-align:left;
	margin-right:-80px;
	margin-top:100px;
	margin-bottom: 0px;
	margin-left:0px;
	padding:25px 10px 20px 30px;
	width: 720px;
	height: 500px;
	background-color:#9b619d;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
	display:block;
	float:right;
}

.about-avatar {
	font-family: "Press Start 2P";
	font-size:18px;
	line-height:32px;
	padding:15px;
	width:180px;
	height:180px;
	margin-left:-80px;
	margin-top: 250px;
	margin-bottom:300px;
	background-color:#9b619d;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
	display:block;
	float:left;
	text-align:center;
}

.guides {
	font-family: "Press Start 2P";
	font-size:18px;
	line-height:32px;
	word-spacing:-6px;
	padding:15px;
	width:300px;
	height:380px;
	margin-left:-80px;
	background-color:#9b619d;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
	display:block;
	float:left;
	text-align:center;
}

.links {
	font-family:"Press Start 2P";
	font-size:18px;
	word-spacing:-6px;
	line-height:32px;
	text-align:left;
	margin-right:-80px;
	margin-top:90px;
	margin-bottom: 80px;
	padding:25px 10px 20px 30px;
	width: 740px;
	height: 350px;
	background-color:#9b619d;
	border-style: solid;
	border-width: 12px;
	border-color: #7d497f;
	border-radius: 24px;
	display:block;
	float:right;
}

.internet-archive {
	font-family: "Press Start 2P";
	font-size:18px;
	line-height:34px;
	text-align: right;
	width:400px;
	margin-right:150px;
	margin-top:60px;
	color: #ffe404;
	float:right
}

.internet-archive img {
	width:300px;
	margin-top:-20px;
	margin-right:-100px;
	display:block;
	float:right;
}

.tube-promo-parent {
	font-family: "Press Start 2P";
	font-size:18px;
	line-height:34px;
    display: grid;
    grid-template-columns: 1fr;
	width:600px;
	margin-top:60px;
	margin-right:-10px;
	display:block;
	float:right;
	text-align:right;
}

.tube-promo-parent div {
     grid-row-start: 1;
     grid-column-start: 1;
}

.tube-promo-child img {
	width:600px;
	margin-top:0px;
	margin-left:0px;
	display:block;
	float:left;
}

.tube-promo-child2 img {
	animation: rotation 6s infinite linear;
	position: relative;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}