html, body {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
  background-color:none;
  z-index:+1;
  justify-content:center;
  align-items:center;
  margin:0;
  padding:0;
  overflow:hidden;
  height:100%;
  width:100%;
}

}

#wrapper {
	background-color:#none;
	margin:100px;
    max-width: 600px; 
    margin: 0 auto; 
    padding: 20px;
	text-align:center;	
	display:flex;
    }
h1 {
	font-family: "Cutive Mono", monospace;
	text-align:center;
	color:#E0E1DD;
}
h3 {
	text-align:center;
	font-size:20px;
	color:#ffffff;
}
a {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
	display:inline-block;
	background-color:none;
	height:25px;
	text-align:center;
	padding:5px 0 0 0;
	border-radius:10px;
}
a:link, a:visited {
	text-decoration:none;
	color:#c2d9da;
	background-color:#none;
}
a:active, a:hover {
	text-decoration:underline;
	color:#aaaacc;
	background-color:#none;
}
#border {
	display: flex;
  justify-content: center;
  align-items: center;
	
}

#typed-text {
font-family: "Cutive Mono", monospace;
margin:20px;
max-width: 900px;
}
#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;
}
 #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; 
}