style.css

body, html{
	font-family: Dos;
	color: #BFBFBF;
	background-color: #151515;
	display:flex;
	flex-direction:row;
	justify-content:center;
	width:100%;
	font-smooth: never;
	-webkit-font-smoothing : antialiased !important;
	-moz-osx-font-smoothing: unset;
	height:100%;
}
@font-face {
	font-family: "Dos";
	src: url("res/fonts/Px437_IBM_PS2thin4.ttf");
}

@font-face {
	font-family: "Dos";
	src: url("res/fonts/Px437_ATI_9x16.ttf");
	font-weight: bold;
}

h1, h2, h3{
	font-size:inherit;
	font-weight:inherit;
}

h1, .emphasis{
	color:aqua;
}

h2{
	color:grey;
}

#input, .history{
	color:white;
	margin-bottom:6px;
    max-width:70%;
}

.feedback{
	margin-bottom:12px;
}

.terminal{
	padding:20px;
	border:1px dotted grey;
	height:70%;
	overflow-y:hidden;
    position:relative;
}

.notice{
	color: grey;
}

.object{
	color:yellow;
}

pre#minimap{
    position:fixed;
    top:6vh;
    right:12vw;
    width:30%;
	background-color: #151515;
}

#mainContainer{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:80%;
	padding:20px;
}

#objectActionShortTip{
    display:none;
}
#objectActionLongTip{
    display:block;
}
    
@media screen and (orientation:portrait) {
	body{
		font-size:2em;
	}
    pre#minimap{
        display:none;
    }
    #input, .history{
        max-width:100%;
    }
    #biomeTip{
        display:none;
    }
    #objectActionShortTip{
        display:block;
    }
    #objectActionLongTip{
        display:none;
    }
    .extendedHelp{
        display:none;
    }
    #dimensionInfo{
        display:none;
    }
}

@media (max-aspect-ratio: 16/10) or (max-width: 600px) {
    pre#minimap{
        display:none;
    }
}