@font-face {
    font-family: MADE Tommy Soft;
    src: url("MADE Tommy Soft Bold PERSONAL USE.otf") format("opentype");
}
@font-face {
    font-family: MADE Tommy Soft Regular;
    src: url("MADE Tommy Soft Regular PERSONAL USE.otf") format("opentype");
}

/***HTML***/
body, html {
background-color : #fff;
margin:0;
padding:0;
font-family: arial, sans-serif;
  height:100%;
line-height: 1.5em;
margin:0;
padding:0;
}
A:link,  A:visited {
color:#990000;
}
A:hover,  A:focus {
background-color:#990000;
color:#fff;
text-decoration: none;
}
A:focus {
outline: dotted 2px #990000;
}
h1 {
font-family: MADE Tommy Soft;
font-size: 2em;
line-height: 1.2em;
}
h2 {
font-family: MADE Tommy Soft;
font-size: 1.5em;
}
main {
margin-top: 120px;
}
p {
font-size: 1em;
line-height: 1.67em;
}



.container {
margin-left : auto;
margin-right : auto;
width: 80%;
}



/*block contains links*/
.main-navigation {
padding-top : 55px;
}
.main-navigation ul {
float : left;
font-family: MADE Tommy Soft Regular, sans-serif;
font-size: 1.1em;
list-style-type:none;
margin : 0;
padding : 0;
width:100%
z-index:999999;
}

/*all list items in nav*/
.main-navigation li {
display:inline-block;
line-height: 2em;
margin-bottom: 15px;
position: relative;
}

/*all links in list items in nav*/
.main-navigation a:link, .main-navigation a:visited {
background-color : transparent;
border : solid 1px transparent;
border-radius: 3px;
color : #000;
margin: 8px;
padding : 5px;
padding-left : 1em;
padding-right : 1em;
text-decoration: none;
}
.main-navigation a:hover, .main-navigation a:focus {
background-color : #000;
color : #fff;
}
 .main-navigation a:focus {
 outline: dotted 2px #000;
}

main {
margin-top:100px;
}