body{
background-color: #EEEEEE;
}

h1{
background-color: #EEEEEE;
}

p{
color:black;
background-color: #EEEEEE;
text-align: left;
}

.topbar {
font-family: arial;
}

.topbar ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

.topbar li{
float: left;
}

.topbar li a{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.topbar li a:hover{
background-color: #111;
}

.gen-paragraph{
    font-family: georgia;
    margin:5%;
    padding: 0px 50px 0px 0px;
    max-width: 800px;
    margin: auto;
}

.gen-paragraph img {
    max-width: 75%;
    padding: 10px 0px 10px 0px;
    display: block;
    margin: auto;
}

.gen-paragraph_img_ti {
    max-width: 20% !important;
}

.gen-paragraph_img_sm {
    max-width: 40% !important;
}

.gen-paragraph_img_md {
    max-width: 60% !important;
}

.gen-paragraph table {
    border-collapse: collapse;
    border: 2px solid #1b1b1b;
    padding: 10px;
}

.gen-paragraph th {
    border-collapse: collapse;
    border: 2px solid #1b1b1b;
    padding: 5px;
}

.gen-paragraph td {
    border-collapse: collapse;
    border: 2px solid #1b1b1b;
    padding: 10px;
}

.title-link a:link, a:visited{
    color: black;
    text-decoration: underline;
}