html
{
font-size: 10pt;
}

/* For mobile phones in Portrait mode */
@media screen and (max-width: 480px)
{
	html
	{
	font-size: 12pt;
	}
}

h1
{
font-family: Rubik;
font-size: 2rem;
font-weight: normal;
margin: 30px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

h2
{
font-family: Rubik;
font-size: 1.6rem;
font-weight: normal;
margin: 30px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

h3
{
font-family: Rubik;
font-size: 1rem;
font-weight: bold;
margin: 20px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

p
{
font-family: "Rubik Light";
font-size: 1rem;
font-weight: normal;
margin: 5px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

ul
{
margin: -5px 10px 15px 10px;
padding: 0px 0px 0px 0px;
}

li
{
font-family: "Rubik Light";
font-size: 1rem;
font-weight: normal;
margin: 0px 0px 3px 15px;
padding: 0px 0px 0px 0px;
list-style: square outside;
}

pre
{
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
font-family: "Rubik Light";
font-size: 1rem;
font-weight: normal;
margin: 5px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

code
{
white-space: nowrap;
background-color: #e5e5e5;
color: #000000;
font-family: "Droid Sans Mono";
font-size: 0.8rem;
padding: 0px 2px 0px 2px;
}

/* For mobile phones in Portrait mode */
@media screen and (max-width: 480px)
{
	code
	{
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: #e5e5e5;
	color: #000000;
	font-family: "Droid Sans Mono";
	font-size: 0.8rem;
	padding: 0px 2px 0px 2px;
	}
}

/* Preformated code */
code.pre
{
white-space: pre;
}

/* Line break code at end of column */
code.br
{
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
}

b
{
font-family: Rubik;
font-weight: normal;
}

a:link
{
text-decoration: underline;
color: black;
}

a:visited
{
text-decoration: underline;
color: black;
}

a:hover
{
text-decoration: underline;
color: #00a1e4;
}

a:active
{
text-decoration: underline;
color: #00a1e4;
}

img
{
margin: 5px 0px -5px 10px;
padding: 0px 0px 0px 0px;
}