/* Stylesheet for primary webpages */
@font-face{
    font-family: 'fixedsys';
    src: url('fonts/fsex300-webfont.woff2') format('woff2'),
         url('fonts/fsex300-webfont.woff') format('woff');
    
}
    
#logo	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2%;
		margin-bottom: 2%;
}
body	{
				font-family: 'fixedsys';
				font-size:12pt;
				margin:0;
				color:#FFFFFF;
}
.flex	{
				display:flex;
				flex-wrap:wrap;
				justify-content:center;
}
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #aaaaaa;
  text-align: center;
  border-top:2px solid black;
}
a:link		{
	color:#FFFFFF;
}
a:visited	{
	color:#FFFFFF;
}
a:hover		{
	color:#555555;
}
a:active	{
	color:#000000;
}
a.outgoing:link { color:#0000EE; text-decoration:none; font-weight:normal; }
a.outgoing:visited { color: #551A8B; text-decoration:none; font-weight:normal; }
a.outgoing:hover { color: #0000EE; text-decoration:underline; font-weight:normal; }
a.outgoing:active { color: #EE0000; text-decoration:none; font-weight:normal; }

.break {
  flex-basis: 100%;
  height: 0;
}

div.GalleryImg{
		border:1px solid black;
		background-color:#300030;
		box-sizing:border-box;
		padding:1%;margin:1%;
}
img.GalleryImg{
max-width:100%;
max-height:100%;
margin:auto;
border:1px solid black;
}
.GalleryThumb{
max-width:200px;
max-height:200px;
margin:auto;
border:1px solid black;
display:flex;
justify-content:center;
}
.GalleryImgSmall{
max-width:100%;
max-height:100%;
margin:auto;
border:1px solid black;
}
.GalleryImgTogether{
display:flex;
justify-content:center;
flex-wrap:nowrap;
align-items:flex-end;
}
a.GalleryImg{
	margin:0px;
display:flex;
justify-content:center;
}
.mainwrapper{
	width:75%;margin:auto;
}
.innerwrapper{
	display:flex;
	justify-content:center;
	width:100%;
}
.titlebar{
	background-color:#333333;
	border:1px solid black;
	width:100%;
}
.navbar{
	width:25%;
}
.pagebox1{
	border-left:1px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	padding-bottom:1px;
	background-color:#B300B3;
}
.pagebox2{
	border:1px solid black;
	margin:5px;
	background-color:#300030;
}
.pageboxtitle{
	padding:5px;
	font-size:23pt;
}
.pageboxtext{
	padding:5px;
}
.gallery{
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:#B300B3;
}
.galleryflex{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	flex-wrap:wrap;
}
.commentcontainer{
	width:90%;
	padding:15px;
	margin:auto;
	border:2px solid black;
	background-color:#300030;
}
.gallerylink{
    margin:auto;
    width:100%;
    padding:1%;
    text-align:center;
    font-size:2vw;
    text-decoration:none;
}
.gallerylink a{
    text-decoration:none;
}
.hiddenlink {
    text-decoration:none;
}

@keyframes bgScroll {
  0% {
    background-position : 0px 0px
  }
  100% {
    background-position : -531px 510px
  }
}


@keyframes bgScroll2 {
  0% {
    background-position : 0px 0px
  }
  100% {
    background-position : 531px -510px
  }
}
/* Gradient 1 (Purple) */
.scrollingBG1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientblox1.png);
  animation: bgScroll 20s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Big Sprite Layer 1 (Computers 'n' Stuff) */
.scrollingBG2 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientblox2.png);
  animation: bgScroll 10s linear infinite;
  z-index:-50;
  position:fixed;
}
/* Small Sprite Layer 1 (Computers 'n' Stuff) */
.scrollingBG3 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientblox3.png);
  animation: bgScroll 30s linear infinite;
  z-index:-75;
  position:fixed;
}
/* Gradient 2 (Orange) */
.scrollingBGB1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxB1.png);
  animation: bgScroll 20s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Big Sprite Layer 2 (Burgers 'n' Stuff) */
.scrollingBGB2 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxB2.png);
  animation: bgScroll 10s linear infinite;
  z-index:-50;
  position:fixed;
}
/* Small Sprite Layer 2 (Burgers 'n' Stuff) */
.scrollingBGB3 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxB3.png);
  animation: bgScroll 30s linear infinite;
  z-index:-75;
  position:fixed;
}
/* Gradient 3 (Blue) */
.scrollingBGC1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxC1.png);
  animation: bgScroll2 30s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Big Sprite Layer 3 (Xargon Clouds) */
.scrollingBGC2 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxC2.png);
  animation: bgScroll2 35s linear infinite;
  z-index:-50;
  position:fixed;
}
/* Small Sprite Layer 3 (Xargon Clouds) */
.scrollingBGC3 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxC3.png);
  animation: bgScroll2 60s linear infinite;
  z-index:-75;
  position:fixed;
}
/* Gradient 4 (Deep Purple) */
.scrollingBGD1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxD1.png);
  animation: bgScroll 20s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Gradient 5 (Velvet Curtain) */
.scrollingBGE1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxD2.png);
  animation: bgScroll2 20s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Gradient 6 (Green) */
.scrollingBGF1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientbloxF1.png);
  animation: bgScroll2 20s linear infinite;
  z-index:-100;
  position:fixed;
}

/* DIVIDER - GRAAL */
/* Graal BG 1 */
.scrollingBGgraalA1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientblox-graalA1.png);
  animation: bgScroll 40s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Graal BG 2 */
.scrollingBGgraalA2 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/bg/gradientblox-graalA2.png);
  animation: bgScroll 40s linear infinite;
  z-index:-100;
  position:fixed;
}
/* Graal Sprite Layer 1 (Hearts) */
.scrollingBGgraalB1 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/scrollbg/scrollingBG1.png);
  animation: bgScroll2 35s linear infinite;
  z-index:-50;
  position:fixed;
}
/* Graal Sprite Layer 2 (Graals) */
.scrollingBGgraalB2 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/scrollbg/scrollingBG2.png);
  animation: bgScroll2 35s linear infinite;
  z-index:-50;
  position:fixed;
}
/* Graal Sprite Layer 3 (Junk) */
.scrollingBGgraalB3 {
  display:block;
  width:100vw;
  height:100vh;
  background-image:url(https://taiwanholly.neocities.org/scrollbg/scrollingBG3.png);
  animation: bgScroll2 35s linear infinite
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  ;
  z-index:-50;
  position:fixed;
}