@charset "EUC-JP";
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Fredericka+the+Great&family=Kiwi+Maru&display=swap');

html {
	height: 100%;
	overflow-y:scroll;
}

body {
	color: #493C3a;
	background: rgb(251,251,249);
	font-family: 'Kiwi Maru', serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #493C3a;
}

#w1 {
	z-index: 0;
	opacity: 0.5;
	background-color: #333;
	position: absolute; right: 4%; top: 7%;
	transform: rotateZ(3deg);
}
#w1:hover {
	opacity: 0.9;
}

#w2 {
	z-index: 1;
	opacity: 0.5;
	background-color: #666;
	position: absolute; left: 4%; top: 15%;
	transform: rotateZ(-2deg);
}
#w2:hover {
	opacity: 0.9;
}

dl {
	z-index: 2;
	width: 48%;
	position: fixed; left: 25%; top: 0.2em;
}

dd {
	position: relative; left: -0.2em;
}

h1 {
	font-size: 2.2em;
	font-weight: 400;
	font-family: 'Fredericka the Great', cursive;
	margin-bottom: -0.2em;
}


h2,h3,h4,h5 {
	width: auto;
	max-width: 340px;
	font-size: 1em;
	font-weight: 400;
	color: rgba(41,51,87,0.8);
	background: rgba(250, 250, 250, 0.5) ;
	position: relative; left: 1.1em;
	border-bottom: dashed 1px rgba(43,43,43,0.2);
	border-left: solid 1.2em rgba(93,23,34,0.8);
	box-shadow: -1px 1px 2px rgba(5,1,4,0.2);
	padding-left: 5px;
	margin-bottom: 0.4em;
	transform: rotateZ(-2deg);
}


h2:before {
	content: "Sex/Age/B-day/Height";
}
h3:before {
	content: "T.A.G/Family/Saint";
}
h4:before {
	content: "Home/Post(OP)";
}
h5:before {
	content: "Motto|Fav Line";
}

#navi {
	position: relative; top: 2.2em;
	font-size: 0.7em;
	text-align: center;
}

#footer {
	font-size: 0.9em;
	position: absolute; bottom: 5%;
	padding-left: 0.7em;
}