@font-face {
	font-family: 'code';
	src: url(code.woff);
}

body {
	background-color: #000000;
	width: 100%;
	font-family: 'code';
	margin: 0 0 0 0;
	font-size: 15px;
	overflow-x: hidden;
}

#caniumlogo {
	width: 4%;
	margin-top: 20px;
	margin-left: 95%;
}

@keyframes fadein {
	0% {
		background-color: #000000;
		color: #ffffff;
	}
	50% {
		background-color: #ffffff;
		color: #000000;
	}
	100% {
		background-color: #000000;
		color: #ffffff;
	}
}

#command {
	color: #FF0000;
}

#loading {
	margin-left: 15px;
	color: #ffffff;
	margin-top: 5px;
}

#input {
	border: none;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0);
	color: #ff0000;
	font-size: 15px;
	font-family: 'code';
	width: 90%;
}

input:focus {
	outline: none;
}

#log {
	color: #ffffff;
}

#cursor {
	color: #ffffff;
	animation-name: fadein;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

#input-cap {
	width: 100%;
	display: inline-block;
	animation-name: fadein;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	margin-top: 10px;
}

@media only screen and (max-width: 600px) {
            #caniumlogo{
	            width: 12%;
	            margin-top: 10px;
	            margin-left: 85%;
                }
          }