body {
	 background-color: #42a97e;
	 margin: 0;
	 position: relative;
	 min-height: 100vh;
}

a {
	 color: #304080;
	 font-weight: bold;
}

a:hover {
	 color: #783818;
	 font-weight: bold;
}

a:visited {
	 color: #a8320a;
	 font-weight: bold;
}

a:active {
	 color: #ffd000;
	 font-weight: bold;
}

.grid-wrapper {
     font-family: 'Open Sans', sans-serif;
	 text-align: center;
	 background-repeat: repeat-x;
	 background-size: 770px;
	 color: #783818;
	 margin: 0 auto 1em;
	 padding: 1em 0 0 0;
	 display: grid;
	 grid-template-columns: min-content 1fr;
	 grid-template-rows: min-content 1f min-content;
	 width: 960px;
	 gap: 1em;
	 justify-content: center;
}

nav menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

header, footer{
	grid-column: span 2;
}

nav, header, main, footer{
	border-radius: 1em;
    background-image: url("bg_02.png");
	display: block;
	padding: 1em;
	box-sizing: border-box;
}

html {
	 cursor:url('https://kururinvillage.neocities.org/01.png'), auto;
}

.bg { 
	 background-image: url("bg.png");
	 background-repeat: repeat-x;
	 background-position-x: 1079px;
	 position: absolute; 
	 z-index: -9999;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 animation: slide 210s linear infinite; 
}

@keyframes slide {
  0% {
	  background-position-x: 0;
  }
  100% {
	  background-position-x: -1079px;
  }
}

@media (prefers-reduced-motion) {
  .bg {
    animation: none;
  }
}