@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {
  background-color: #030301;
  color: #1AFA9A;
  font-weight: 400;
  font-style: normal;
  font-family: 'VT323', monospace;
  font-size: 20px;
  margin: 0;
  padding: 0;
  min-height: 100vh; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  animation: textShadow 0.15s infinite;
}

.mainbody {
  border: 1px solid #1AFA9A;
  padding: 13px;
  width: 50%;
  margin: auto;
  display: flex; 
  gap: 15px;
   height: 400px;
}

.left {
  min-width: 30%;
}

.right {
  width: 70%;
}

.logo {
  border: 0.5px dotted #1AFA9A;
  text-align: center;
  white-space: pre;
  padding: 1px;
  position: static;
}

.logopt2 {
  top: -115px; 
  left: 120px;
  position: relative;
  width: min-content;
}

.folderviewer {
  border: 0.5px dotted #1AFA9A;
  min-width: 31ch;
  margin-top: -60px;
}

.folderlogo {
  border: 0.5px dotted #1AFA9A;
  padding: 5px;
  text-align: center;
  letter-spacing: 3px;
  margin: auto;
}

.current {
  border: 0.5px dotted #1AFA9A;
  text-align: center;
  width: min-content;
  padding-left: 13%;
  padding-right: 13%;
  letter-spacing: 2.2px;
  margin-left: 10%;
}

.archive {
  border: 0.5px dotted #1AFA9A;
  text-align: center;
  width: min-content;
  padding-left: 13%;
  padding-right: 13%;
  letter-spacing: 2.2px;
  margin-left: 10%;
}

 /* unvisited link */
a:link {
  color: #1AFA9A;
}

/* visited link */
a:visited {
  color: #1AFA9A;
}

/* mouse over link */
a:hover {
  color: #18f927 ;
}

/* selected link */
a:active {
  color: #1AFA9A;
} 

@keyframes textShadow {
	0% {
		text-shadow: 0.4389924193300864px 0 1px rgba(0, 30, 255, 0.7),
			-0.4389924193300864px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	5% {
		text-shadow: 2.7928974010788217px 0 1px rgba(0, 30, 255, 0.7),
			-2.7928974010788217px 0 2px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	10% {
		text-shadow: 0.02956275843481219px 0 1px rgba(0, 30, 255, 0.7),
			-0.02956275843481219px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	15% {
		text-shadow: 0.40218538552878136px 0 1px rgba(0, 30, 255, 0.7),
			-0.40218538552878136px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	20% {
		text-shadow: 3.4794037899852017px 0 1px rgba(0, 30, 255, 0.7),
			-3.4794037899852017px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	25% {
		text-shadow: 1.6125630401149584px 0 1px rgba(0, 30, 255, 0.7),
			-1.6125630401149584px 0 2px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	30% {
		text-shadow: 0.7015590085143956px 0 1px rgba(0, 30, 255, 0.7),
			-0.7015590085143956px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	35% {
		text-shadow: 3.896914047650351px 0 1px rgba(0, 30, 255, 0.7),
			-3.896914047650351px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	40% {
		text-shadow: 3.870905614848819px 0 1px rgba(0, 30, 255, 0.7),
			-3.870905614848819px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	45% {
		text-shadow: 2.231056963361899px 0 1px rgba(0, 30, 255, 0.7),
			-2.231056963361899px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	50% {
		text-shadow: 0.08084290417898504px 0 1px rgba(0, 30, 255, 0.7),
			-0.08084290417898504px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	55% {
		text-shadow: 2.3758461067427543px 0 1px rgba(0, 30, 255, 0.7),
			-2.3758461067427543px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	60% {
		text-shadow: 2.202193051050636px 0 1px rgba(0, 30, 255, 0.7),
			-2.202193051050636px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	65% {
		text-shadow: 2.8638780614874975px 0 1px rgba(0, 30, 255, 0.7),
			-2.8638780614874975px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	70% {
		text-shadow: 0.48874025155497314px 0 1px rgba(0, 30, 255, 0.7),
			-0.48874025155497314px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	75% {
		text-shadow: 1.8948491305757957px 0 1px rgba(0, 30, 255, 0.7),
			-1.8948491305757957px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
	80% {
		text-shadow: 0.0833037308038857px 0 1px rgba(0, 30, 255, 0.5),
			-0.0833037308038857px 0 1px rgba(255, 0, 80, 0.3),
			0 0 3px;
	}
	85% {
		text-shadow: 0.09769827255241735px 0 1px rgba(0, 30, 255, 0.5),
			-0.09769827255241735px 0 1px rgba(255, 0, 80, 0.3),
			0 0 3px;
	}
	90% {
		text-shadow: 3.443339761481782px 0 1px rgba(0, 30, 255, 0.5),
			-3.443339761481782px 0 1px rgba(255, 0, 80, 0.3),
			0 0 3px;
	}
	95% {
		text-shadow: 2.1841838852799786px 0 1px rgba(0, 30, 255, 0.5),
			-2.1841838852799786px 0 1px rgba(255, 0, 80, 0.3),
			0 0 3px;
	}
	100% {
		text-shadow: 2.6208764473832513px 0 1px rgba(0, 30, 255, 0.7),
			-2.6208764473832513px 0 1px rgba(255, 0, 80, 0.5),
			0 0 3px;
	}
}