body {font-family: "journal"; font-size: 2em; background: #211; color: #113}
.page {background: url("img/Murkoff_Logo_transparent.png") top 0 right 3% no-repeat, url("/template/img/paper_bg-light.png") center center repeat #fff; margin: 0 8% 1em; padding: 3%; min-height: 100vh; clip-path: polygon(2% 2%, 10% 2%, 17% 3%, 23% 3%, 34% 3%, 45% 2%, 56% 3%, 68% 3%, 75% 2%, 88% 1%, 97% 3%, 96% 11%, 97% 16%, 97% 21%, 97% 29%, 98% 35%, 98% 42%, 98% 50%, 97% 56%, 98% 62%, 98% 72%, 97% 78%, 97% 87%, 98% 98%, 92% 98%, 82% 98%, 76% 98%, 67% 97%, 58% 97%, 50% 98%, 42% 97%, 34% 97%, 28% 98%, 21% 98%, 13% 98%, 2% 99%, 2% 92%, 1% 83%, 1% 68%, 2% 57%, 2% 49%, 3% 41%, 2% 37%, 5% 26%, 2% 17%, 3% 12%, 14% 47%, 7% 91%);}
h1,h2,h3,h4,h5,h6,nav.home,.def,footer {font-family: "typewriter";font-size: 0.7em; color: #000}
footer {font-size: 0.5em; text-align: right}
h1 {text-align: center; font-size: 1em}
a {color: #c99}
a:hover,a:active,a:focus {color: #fff}
nav.home li+li:before {content: "";background: url("img/Emoticon_-_murkoff59.webp") center center no-repeat; background-size: 1em 1em; width: 1em; height: 1em; display: inline-block; margin: 0 0.5em}
.notes ul {list-style-type: circle; margin-left: 1em}
.profile {margin-bottom: 1em}
.page {height: 100%;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction:column}
.page > div {height: 100%;-moz-box-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}
@media screen and (min-width: 1000px) {
  .page {margin: 0 20% 1em}
}