* {
    background: transparent;
    color: black;
    filter: none;
	-ms-filter: none;
}

body {
	font-family: monospace;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0
}

#middleBox {
	z-index: 100;
	margin: auto;
	width: 50%;
	height: 90%;
	border-radius: 20px
}

a[href]:after {
	content: " (" attr(href) ")";
}

abbr[title]:after {
    content: " (" attr(title) ")";
}

h1 {
	text-align: center;
}
h3 {
	border-bottom: 1px solid black;
}
p {
	padding-left: 20px;
}
li {
	padding-right: 5px;
}

@page { size: auto;  margin: 0mm; }

@media(max-width:840px) {
	h1 {
		font-size: 20px
	}
	h3 {
		font-size: 15px
	}
	p {
		font-size: 13px
	}
	li {
    font-size: 13px
    }
	#middleBox {
		width: 80%
	}
}

@media(max-width:480px) {
	h1 {
		font-size: 15px
	}
	h3 {
		font-size: 13px
	}
	p {
		font-size: 12px
	}
	li {
		font-size: 12px
	}
	#middleBox {
		width: 90%
	}
}

@media(max-height:544px){
    #scrollable{
        height:70%;
    }
}