@font-face {
	font-family: 'xxrdcore';
	src: url('xxrdcore.woff') format('woff');
}

body {
	background-image: url('../ramlethal.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	overflow: hidden;
	overflow-x: hidden
	
	cursor: url('swordspin/frame_0.png'), auto;
	-webkit-animation: cursor 400ms infinite;
	animation: cursor 400ms infinite;
}

@-webkit-keyframes cursor {
  0% {cursor: url(swordspin/frame_0.png), auto;}
  14% {cursor: url(swordspin/frame_1.png), auto;}
  28% {cursor: url(swordspin/frame_2.png), auto;}
  42% {cursor: url(swordspin/frame_3.png), auto;}
  56% {cursor: url(swordspin/frame_4.png), auto;}
  70% {cursor: url(swordspin/frame_5.png), auto;}
  84% {cursor: url(swordspin/frame_6.png), auto;}
  100% {cursor: url(swordspin/frame_7.png), auto;}
} 

@keyframes cursor {
  0% {cursor: url(swordspin/frame_0.png), auto;}
  14% {cursor: url(swordspin/frame_1.png), auto;}
  28% {cursor: url(swordspin/frame_2.png), auto;}
  42% {cursor: url(swordspin/frame_3.png), auto;}
  56% {cursor: url(swordspin/frame_4.png), auto;}
  70% {cursor: url(swordspin/frame_5.png), auto;}
  84% {cursor: url(swordspin/frame_6.png), auto;}
  100% {cursor: url(swordspin/frame_7.png), auto;}
}

div#main {
}

img#map {
	width: 100vw;
	height: 100vh;
}



summary {
	list-style-type: ' ';
}

details[open]:hover {
	box-shadow: 0 0;
}

details:hover {
	box-shadow: 0 0 10px black;
}

a img:hover {
	box-shadow: 0 0 10px black;
}

iframe {
	border: none;
}

details[open] iframe {
	width: 55vw;
	height: 75vh;
}

div#home {
	position: absolute;
		top: 68vh;
		left: 42vw;
}

div#birth {
	position: absolute;
		top: 14vh;
		left: 13vw;
}

div#birth details[open] iframe {
	position: relative;
		top: -10vh;
		left: 12vw;
}

div#palace {
	position: absolute;
		top: 43vh;
		left: 29vw;
}

div#palace details[open] iframe {
	position: relative;
		top: -38vh;
		left: -4vw;
}

div#scary {
	position: absolute;
		top: 75vh;
		left: 21vw;
}

div#scary details[open] iframe {
	position: relative;
		top: -67vh;
		left: 4vw;
}

div#bangbang {
	position: absolute;
		top: 18vh;
		left: 72vw;
}

div#bangbang details[open] iframe {
	position: relative;
		top: -17vh;
		left: -47vw;
}

div#glass {
	position: absolute;
		top: 48vh;
		left: 62vw;
}

div#glass details[open] iframe {
	position: relative;
		top: -44vh;
		left: -37vw;
}