:root {
    --main-bg-color: navajowhite;
    --main-text-color: black;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 1224px) {
    body {
        background-color: var(--main-bg-color);
        color: var(--main-text-color);
			  width: 80%; 
			  margin-left: 15%;
			  font-family: "Lucida Console", "Courier New", monospace;
        font-size: 0.7em;
		}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    body {
        color: var(--main-text-color);
        background-color: var(--main-bg-color) ;
			  width: 50%; 
			  margin-left: 10%;
			  font-family: "Lucida Console", "Courier New", monospace;
        font-size: 1em;
		 }
}

.title {
    text-align: right;
}
.subtitle {
    font-size: 0.5em;
}

.org-div-home-and-up {
    font-size: 1em;
}

/* #Id Selector */
#postamble {
    display: none;
}

.timestamp {
    color: black;
}
