/* CSS for index.html */
body {
	background-size:cover;
	background-color:black;
}
.loaded body {
	display:block;
}
.link-tree {
	max-width: 400px;
	margin: 24px auto 0px auto;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.link-item {
	background-color:rgba(70, 70, 70, 0.3);
	color: #fff;
	border: 1px dotted white;
	filter: drop-shadow(0 0 333px red) drop-shadow(0 0 333px rgba(0, 0, 0, 0.8));
}
.link-item:hover, .link-item:focus {
	background-color:rgba(78, 78, 78, 0.7);
	color:red;
}
.copyright {
	color:#e5e5e5;
	text-align:center;
}
h2, pre, img {
   font-size: 13px;
   color:#7ff184;
   animation: flicker 3.5s infinite;
}

#logo {
	max-width:353px;
}

/* Responsive behavior */
.logo-container {
   margin-bottom:0px;
   margin:11% auto -80px auto;
   text-align: center;
   padding-left: 20px;
}
@keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        opacity: 1;
        filter: drop-shadow(0 0 1px #fff)
        			drop-shadow(0 0 3px #fff)
                drop-shadow(0 0 6px red) 
    }
    20%, 24%, 55% {
        opacity: 0.4;
        filter: none;
    }
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden; /* Ensure no overflow */
}
.bg_text {
	position: absolute;
	top: -33%;
	z-index: -1;
	opacity: 0.3;
	color: red;
	white-space: nowrap; /* Prevent line breaks */
	animation: scrollText 5s ease-in-out infinite;
}
@keyframes scrollText {
	0% {
		top: -333%; /* Start above the viewport */
	}
	62% {
		top: -2666%; /* Start above the viewport */
	}
		100% {
		top: -333%; /* Start above the viewport */
	}

}