html,body {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
  background-color:none;
  display:flex;
  justify-content:center;
  align-items:center;
  
}

}

#wrapper {
	
	background-color:none;
	display:flex;
	max-width: 400px; /* Adjust max-width as needed */
	margin: 0 auto; /* Center the wrapper horizontally */
	text-align: center; /* Center text within the wrapper */
	padding: 20px; /* Add padding to create space between text and edges */
	 
	
}
h1 {
	font-family: "Cutive Mono", monospace;
	text-align:center;
	color:#E0E1DD;
	max-width: 1000px; /* Adjust max-width as needed */
	margin: 0 auto; /* Center the wrapper horizontally */
	text-align: center; /* Center text within the wrapper */
	padding: 20px;
}
h2 {
	 font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
  background-color:none;
display: flex;
  justify-content: center;
  align-items: center;
  font-size:35px;
  color:#ffffff;
}

h3 {
	text-align:center;
	font-size:20px;
	color:#ffffff;
}
h5 {
		text-align:left;
		margin:60px;
		font-size:20px;
		color:#ffffff;

	
}
#border {
	display: flex;
  justify-content: center;
  align-items: center;
}
#typed-text {
font-family: "Cutive Mono", monospace;
margin:20px;
max-width: 1000px;
color:#ffffff;
}
#flip-card-back, p{
border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px; /* Add padding to create space between text and edges of the cards */
  margin: 10px;
  text-align:left;
}
h4 {
	text-align:center;
	font-size:30px;
	color:#E0E1DD;
	
} 
#bg{
  position:fixed;
  top:0;
  left:0;
  width:windowWidth;
  height:windowHeight;
  z-index:-1;
}
canvas {
  display: block;
  z-index:-1;
   top:0;
  left:0;
  position:fixed;
  width:windowWidth;
  height:windowHeight; 
}
a:link, a:visited {
	text-decoration:none;
	color:#c2d9da;
	background-color:#none;
}
a:active, a:hover {
	text-decoration:underline;
	color:#aaaacc;
	background-color:#none;