* {
    margin: 0;
    border: 0;
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
    color: #fff;
    background: #000;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

div {
     padding: 0 16px;
     white-space: pre-wrap;
}

div.header {
     font-size: 1.45vw;
     color: #f0f;
     text-align: left;
}

div.terminal {
     width: 100%;
     position: relative;

     overflow-wrap: break-word;
     word-wrap: break-word;

     -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
}

div.terminal.input {
     text-indent: 298px;
}

div.terminal.input:before {
     content: "guest@marktreble.co.uk ~ %";
     position: absolute;
     left: -282px;
     top: 0;
     color: #FFFF00;
}

div.terminal>span.photo {
    transform: scale(0.2);
}

span.cursor {
    background: rgba(255,255,255,0.5);
}

input {
    position: fixed;
    top: -100px;
}