@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');

/*
 . in CSS means it is a  class and can be applied to many elements
 # in CSS means it is an ID   and can be applied to one  element per page
   in CSS means it is a  tag, targeting all the elements in the page
*/

body
{
	font-family: 'Roboto Mono', monospace, sans-serif;
	font-size:   18px;
	font-style:  normal;
	font-weight: normal;
	background-color: #99cc99;
}

h1,h2,h3,h4
{
	font-family: 'Roboto Mono', monospace, sans-serif;
	font-style:  normal;
	font-weight: normal;
    color:         blue;
}

h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }

p
{
	font-family: 'Roboto Mono', monospace, sans-serif;
    font-size:      20px;
	font-style:  normal;
	font-weight: normal;
    color:         blue;
    background-color: transparent;
}

b
{
	font-family: 'Roboto Mono', monospace, sans-serif;
	font-style:  normal;
	font-weight: bold;
    color: black;
    background-color: transparent;
}

a
{
	font-family: 'Roboto Mono', monospace, sans-serif;
	font-style:  normal;
	font-weight: normal;
    text-decoration : none;
    margin  : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    display : inline;
}

a:visited
{
    color : #ffff00;
}

a:link
{
}

a:hover
{
    background-color : #ffffbf;
}

a:active
{
    background-color : transparent;
}