@font-face {
    font-family: 'proggy';
    src: url('../ProggyCleanNerdFontMono-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
	background-color: #000000;
	color: #00ff00;
    font-family:proggy;
}

.menu_container{
	display: table;
	margin: 0 auto;	
	position: absolute;
	top: 0%;
	left: 0%;
	padding: 2em 3em;  
}

.menu_items{
	color: #a04bf0;
	text-decoration: none;
	font-size: 40px;
}
  
.menu_items:hover {
	color: #a04bf0;
	text-decoration: underline; /* Add underline on hover */
	font-size: 40px;
}


.menu_typing_text {
	/*fixes animation bug and aligns items */
	position: absolute;
	left: 0%;
    font-size: 45px;

	top:10%;
	transform: translate(50%,-50%);
	margin: 10 auto;
	
	/*Animation*/
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: .15em solid green; /* cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: .20em; /* Adjust as needed */
	animation: 
		typing 0.5s steps(10, end),
		flash .75s step-end infinite;
}

/* Animation for header */
@keyframes typing {
    from { width: 0 }
    to { width: 25px }
  }

/* Typing Effect */
@keyframes flash {
    from, to { border-color: transparent }
    50% { border-color: #00ff00; }
  }