/* CSS for index.html */
body {
	background-size:cover;
	background-color:black;
}
.loaded body {
	display:block;
}
.link-tree {
	width: clamp(280px, 80%, 300px); 
	/*max-width: 300px;*/
	box-sizing: border-box;
	margin: 24px auto 0px auto;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}
.link-item {
	background-color:rgba(70, 70, 70, 0.3);
	color: #fff;
	border: 1px dotted white;
	/*filter: drop-shadow(0 0 3px red) drop-shadow(0 0 3px 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;
	min-height:100vh;
	overflow-y: auto;
}
.bg_text {
	position: fixed;
	top: -200%;
	left: 0;
	width:100%;
	z-index:-1;
	opacity: 0.3;
	color: red;
	white-space: nowrap; /* Prevent line breaks */
	pointer-events:none;
	animation: scrollText 5s linear infinite;
}
@keyframes scrollText {
	0%{
		transform: translateY(0%);
	}
	50% {
		transform: translateY(-70%);
	}
	100% {
		transform: translateY(0%);
	}