html {
    height: 100%;
    width: 100%;
}

body {
    background-color: black;
    background-image: radial-gradient( rgba(35, 39, 41, 0.75), black 120%);
    margin-left: 10px;
    color: rgb(238, 238, 236);
    font-family: 'Inconsolata', monospace;
    font-size: 1.3rem;
    text-shadow: 0 0 5px #C8C8C8;
}
/*
body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient( 0deg, rgba(black, 0.15), rgba(black, 0.15) 1px, transparent 1px, transparent 2px);
    pointer-events: none;
}
*/
.blue {
    color: rgb(114, 159, 207);
}

.green {
    color: rgb(138, 226, 52);
}

.error {
    color: transparent;
    text-shadow: 0 0 3px rgba(194, 15, 10, 0.9);
}

.strike {
    text-decoration: line-through;
    color: rgba(194, 15, 10, 0.9);
}

.gitSpan {
    cursor: pointer;
}

::selection {
    background: #0080FF;
    text-shadow: none;
}

#console {
    margin: 0;
    pointer-events: auto;
}

.blink:after {
    content: attr(console-cursor);
    animation: blink 500ms linear infinite alternate;
    -webkit-animation: blink 500ms linear infinite alternate;
}

.dontBlink:after {
    content: attr(console-cursor);
}

#console:after {
    content: attr(console-cursor);
    animation: blink attr(console-cursor-blink) linear infinite alternate;
    -webkit-animation: blink attr(console-cursor-blink) linear infinite alternate;
}

a {
    color: cyan;
    text-decoration: inherit;
}

blur {
    color: transparent;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
}

span img {
    width: 20px;
    height: 25px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 0px 2px #C8C8C8);
    filter: drop-shadow(0px 0px 2px #C8C8C8);
}

span .cam {
	width: 320px;
	height: 240px;
}