@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: 16px;
  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; 
  flex-direction: column;
  gap: 15px;
   height: 400px;
    overflow: auto;
}

.page {
  min-width:98%;
  text-align: center;
  padding: 1%;
  letter-spacing: 1px;
  margin: auto;
  border-bottom: 1px solid #1AFA9A;
}

.pagebuttons {
    border: 1px dotted #1AFA9A;
    text-align: left;
    width: fit-content;
    padding-left: 7%;
    padding-right: 7%;
    margin-left: 1%;

}

.alice {
	text-align: left;
}
.stein {
	text-align: right;
}

 /* 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;
} 

.details {
            border: 1px solid #1AFA9A;
        }
.summary {
            cursor:auto;
            font-weight: bold;
            outline: auto;
        }
.summary::-webkit-details-marker {
            color: #1AFA9A;
        }
.dropdown-content {
            padding: 10px;
            border-top: 1px dotted #1AFA9A;
            margin-top: 10px;
        }

@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;
	}
}