* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
	font-family: courier, monospace;
  cursor: text;
}


*::selection {
  background-color: #ffffff;
  color: #000000;
}

body {
  background-color: #000000;
  color: #d3d3d3;
  font-size: 15px;
  font-weight: 300;
}

.main-container {
  height: fit-content;
  padding: 20px;
}

.ascii-name {
  color: #fbcb0a;
  font-size: 0.7vw;
  margin-top: 15px;
}

#console {
	font-family: courier, monospace;
	color: #fff;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	font-size:14px;
}

@media screen and (min-width: 1100px) {
  .main-container {
    padding: 100px;
  }
}

a {
	color: #0bc;
	text-decoration: none;
  cursor: pointer;
}

.white {
  color: #FFF;
}

.a {
	color: #0f0;
}

.c {
	color: #0bc;
}

.b {
	color: #ff0096;
}

.d {
  color: #fbcb0a;
}

.k {
    	animation: change 1s;
}

.op{
    	color: #888888
}

@keyframes change {
    	0%  { color:  #0f0; }
    	50% { color:  #0f0; }
    	99% { color: black; }
}