@font-face {
    font-family: BIOS;
    src: url(font.ttf);
    font-weight: 400;
}
@keyframes blinker {  
  0% { opacity: 0.0; }
	50% { opacity: 1.0; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    /* mobile dumb terminals */
    body, .output{
	font-size: large;
    }
    pre, p {
	margin-left: 5px;
	padding-bottom: 15px;
	line-height: 120%;
    
	
    }
    .comic{ width:90%; height: auto; padding: 10px; }
    #stopka { word-wrap: break-word; width: 100%; z-index: 100;}
    
}
@media only screen and (-webkit-max-device-pixel-ratio: 3) {
    body {
	font-size: initial;
    }
    pre, p {
	margin-left: 30px;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
    }

    .comic{ width:40%; height: auto; padding: 10px; }
}



body{
    background: #111;
    font-family: BIOS;
    overflow-x: hidden;
}

pre, p{
    color: #E70; /*amber to jest FFBF00*/
    
    word-wrap: break-word;
    /*border: 1px solid #FFBF00;*/
    
}
a{
    color: #111;
    background: #E70;
    padding-left: 5px;
    padding-right: 5px;
}
a:hover {
    background: #0C0;
}
pre{
    margin-top: 0;
    margin-bottom: 0;
}
.output:after{
    content: "\002588"; /*Left seven eighths block*/
    animation: blinker 1s step-end infinite;
    color: #EE7700;
}

.reverse {
	color: #111;
	background-color: #e70;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
}
* > .oneline { display: flex; }
.aright {
    margin-left: auto;
    position: absolute;
    right: 0;
    transform-origin: top right;
}
pre { 
	margin-top: 0px; margin-bottom: 0px;
	font-family: BIOS;
}

.ansiwide {
    transform: scaleX(2);
    transform-origin: top left;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*.big { transform: scale(2); transform-origin: top left;
      overflow-wrap: break word;
       width: 50%;
}
*/
.big { font-size: 200%; }