#borderDiv {
    margin: 0;
}

.mainDiv {
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* ReSharper disable once CssNotResolved */
    scrollbar-width: none;
}

.mainDiv::-webkit-scrollbar {
    display: none;
}

.start {
    background: black;
    color: red;
    font-size: 1.5em;
    font-family: DOS;
}

.startUpBox {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    color: red;
    border: 5px solid red;
    padding: 10px;
}

.response {
    color: #33FF66;
}

.inputLine {
    overflow-wrap: break-word;
}

@font-face {
    font-family: 'DOS';
    src: url('../fonts/DOS.woff2') format('woff2'), url('../fonts/DOS.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'C64';
    src: url('../fonts/C64_Pro_Mono-STYLE.woff2') format('woff2'), url('../fonts/C64_Pro_Mono-STYLE.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZX';
    src: url('../fonts/ZX.woff2') format('woff2'), url('../fonts/ZX.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amiga';
    src: url('../fonts/amiga-topaz.woff2') format('woff2'), url('../fonts/amiga-topaz.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mac';
    src: url('../fonts/mac-chicago.woff2') format('woff2'), url('../fonts/mac-chicago.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/****************** DOS ******************/

.dos {
    background: #282828;
    font-family: DOS;
    font-size: 1.2em;
}

.dos .mainDiv {
    position: absolute;
    top: 2%;
    left: 2%;
    margin: auto;
    width: 96%;
    height: 96%;
    white-space: pre-wrap;
    color: #33FF00;
}

.dos .cursor {
    background: #33FF00;
}

/****************** C64 ******************/

.c64 {
    background-color: #637bff;
    font-family: C64, 'Lucida Console';
    font-size: 1.3em;
    color: black;
}

.c64 .mainDiv {
    background-color: #011bee;
    position: absolute;
    top: 3%;
    left: 5%;
    margin: auto;
    width: 90%;
    height: 94%;
    white-space: pre-wrap;
    color: #637bff;
}

.c64 .cursor {
    background: #637bff;
    color: #011bee;
}

/****************** Sinclair ZX Spectrum ******************/

.zx {
    background-color: white;
    font-family: ZX, 'Lucida Console';
    font-size: 1.3em;
    color: black;
}

.zx .mainDiv {
    position: absolute;
    top: 2%;
    left: 2%;
    margin: auto;
    width: 96%;
    height: 96%;
    white-space: pre-wrap;
    color: black;
}

.zx .cursor {
    background: black;
    color: white;
}

/****************** Commodore Amiga ******************/

.amiga {
    background-color: #0050a0;
    background-image: url('/images/amiga-cli.png');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: top;
    
    font-family: Amiga, 'Lucida Console';
    font-size: 1.4em;
    color: white;
}

.amiga .mainDiv {
    position: absolute;
    top: 4%;
    left: 15px;
    margin: auto;
    width: 99%;
    height: 94%;
    white-space: pre-wrap;
    color: #f0f0f0;
}

.amiga .cursor {
    background: #f08000;
    color: #f0f0f0;
}

/****************** Apple Macintosh ******************/

.mac {
    background-color: white;
    background-image: url('/images/mac-hd.png');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: top;
    font-family: Mac, 'Lucida Console';
    font-size: 1.4em;
    color: black;
}

.mac .mainDiv {
    position: absolute;
    top: 3%;
    left: 15px;
    margin: auto;
    width: 99%;
    height: 93%;
    white-space: pre-wrap;
    color: black;
}

.mac .cursor {
    width: 10px;
    background: black;
    color: white;
}