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

html {
    display: table;
    margin: auto;
}
body{
	
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	background-color:black;
	background-image: url( './img/bg-anim.svg' );
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	
	/*border: solid rgba(255, 0, 0, 1);*/
	
	padding: 10px 20px;
	position: absolute;
	top: 0;
	left: 45%;
	width: 90%;
	
	
	list-style: none;
	transform: translateX(-45%) translateY(0%);
	
	font-family: 'Orbitron', sans-serif;
	color: white;
	text-align: center;
}
a{
	text-decoration:none;
	color:#00ff00;
}

img{
	max-width:50%;
}
.typewriter{
	
	width:90%;
	max-width:90%;
	padding:10px;
	display:block-inline;
    margin:auto ;    
	background: rgba(0, 18, 0, .8);
	box-sizing: border-box;
	border: solid rgba(0, 36, 0, 1);
		
	font-family: 'Inconsolata', monospace;
	text-align: center;
	font-size:1.2em;
	white-space: pre-line;
}
.cryptic{
	color: rgba(255,255,255,0.5);
	filter: blur(1.5px);
	-webkit-filter: blur(1.5px);
}
.main{
	background-image: url( './img/generic_bg.svg' );
	background-size: cover;
}