html {
  min-width: 1000px;
}
body {
    margin: 0;      
    overflow-x: hidden; 
    background-color: #000000;
    background-image: url('https://sadhost.neocities.org/images/tiles/starsagain.gif');
    background-position: 0 0;
    background-position: center;
    background-repeat: repeat;
    background-size: 160px 160px;
}

  
 h1 {
  background: linear-gradient(to right, #ff0000, #ff7700, #ffff00, #00ff00, #0000ff, #8b00ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 60px;
  text-align: center;
  display: block;
  margin-top: 100px;
  font-family:"minecraftia",sans-serif;
}


.page {
  display: none;
}

.page.active {
  display: block;
}

#page-about {
  min-width: 1600px;
}


.header{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:70px;
  background-image:url("https://www.glitter-graphics.com/images/t/b/480x60/1813/1813154vd6972vhfa.webp");
  background-repeat:repeat-x;
  background-size:auto 100%;
  z-index:99;
}

.footer{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  height:55px;
  background-image:url("https://www.glitter-graphics.com/images/t/b/480x60/1813/1813154vd6972vhfa.webp");
  background-repeat:repeat-x;
  background-size:auto 100%;
  z-index:99;
}


.content{
  width:80%;
  margin: 90px auto 70px auto;
  padding:30px;
  min-height:1900px;
  background:#000000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(6, 200px);
  gap:10px;
  max-width: 1250px;
  margin: 0 0 0 auto;
}
.gallery img {
  width:200px;
  height:150px;
  object-fit:cover;
}
.gallery > div {
  width:200px;
  height:150px;
}
.gallery img:hover {
  transform:scale(2.5);
  object-fit:contain;
}






@font-face {
font-family: minecraftia;
src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
}
div {
font-family: minecraftia;
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
 
#windows {
font-family: windows;
font-size: 20px;
}

	@-webkit-keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@-webkit-keyframes snowflakes-shake {
		0%,
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		50% {
			-webkit-transform: translateX(80px);
			transform: translateX(80px)
		}
	}
	
	@keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@keyframes snowflakes-shake {
		0%,
		100% {
			transform: translateX(0)
		}
		50% {
			transform: translateX(80px)
		}
	}
	
	.snowflake {
		position: fixed;
		top: -10%;
		z-index: 9999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-animation-name: snowflakes-fall, snowflakes-shake;
		-webkit-animation-duration: 10s, 3s;
		-webkit-animation-timing-function: linear, ease-in-out;
		-webkit-animation-iteration-count: infinite, infinite;
		-webkit-animation-play-state: running, running;
		animation-name: snowflakes-fall, snowflakes-shake;
		animation-duration: 10s, 3s;
		animation-timing-function: linear, ease-in-out;
		animation-iteration-count: infinite, infinite;
		animation-play-state: running, running
	}
	
	.snowflake:nth-of-type(0) {
		left: 1%;
		-webkit-animation-delay: 0s, 0s;
		animation-delay: 0s, 0s
	}
	
	.snowflake:nth-of-type(1) {
		left: 10%;
		-webkit-animation-delay: 1s, 1s;
		animation-delay: 1s, 1s
	}
	
	.snowflake:nth-of-type(2) {
		left: 20%;
		-webkit-animation-delay: 6s, .5s;
		animation-delay: 6s, .5s
	}
	
	.snowflake:nth-of-type(3) {
		left: 30%;
		-webkit-animation-delay: 4s, 2s;
		animation-delay: 4s, 2s
	}
	
	.snowflake:nth-of-type(4) {
		left: 40%;
		-webkit-animation-delay: 2s, 2s;
		animation-delay: 2s, 2s
	}
	
	.snowflake:nth-of-type(5) {
		left: 50%;
		-webkit-animation-delay: 8s, 3s;
		animation-delay: 8s, 3s
	}
	
	.snowflake:nth-of-type(6) {
		left: 60%;
		-webkit-animation-delay: 6s, 2s;
		animation-delay: 6s, 2s
	}
	
	.snowflake:nth-of-type(7) {
		left: 70%;
		-webkit-animation-delay: 2.5s, 1s;
		animation-delay: 2.5s, 1s
	}
	
	.snowflake:nth-of-type(8) {
		left: 80%;
		-webkit-animation-delay: 1s, 0s;
		animation-delay: 1s, 0s
	}
	
	.snowflake:nth-of-type(9) {
		left: 90%;
		-webkit-animation-delay: 3s, 1.5s;
		animation-delay: 3s, 1.5s
	}
	
	.snowflake:nth-of-type(10) {
		left: 25%;
		-webkit-animation-delay: 2s, 0s;
		animation-delay: 2s, 0s
	}
	
	.snowflake:nth-of-type(11) {
		left: 65%;
		-webkit-animation-delay: 4s, 2.5s;
		animation-delay: 4s, 2.5s
	}