body, html {
height: 100%;
margin: 0;
color:white;
font-family: "Arial";
}

body {
background-image: linear-gradient(45deg, #ffffff, #cccccc);
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}

a {
color: rgb(171, 255, 194);
text-decoration: none;
}

a:hover
{
color:rgb(255, 255, 255);
}

h1, h2{
margin-top:3em;
}

table, td, th {  
    border: 1px solid #ddd;
    text-align: left;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  th, td {
    padding: 15px;
  }

.header {
}

.footer {
}

.separator {
background-image: url('Content/thin-line.png');
background-repeat: no-repeat;
background-position: center center;
width:100%;
height:0.5em;
}


.column {
float: left;
}

.content
{
margin: 3em 10em 3em 10em;
}

.content::after {
content: "";
clear: both;
display: table;
}

.menu {
background-image: url('Content/menu-strip.png');
background-repeat: no-repeat;
background-position: left center;
}

.right-align
{
float: right;
}


.middle
{
margin: auto;
width: 60%;
min-height: 100%;

background-image: linear-gradient(45deg, #114674, #2377be);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
}

.menu ul {
list-style-type: none;
margin-left: 4em;
padding: 0;
vertical-align: middle;
}

.menu li {
display:inline-block;
margin-right: 2em;
padding: 8px;
color: white;
font-family: Arial;
font-size: 1.5em;
font-weight:bold;
cursor:pointer;
}


.menu li a {
color: white;
}



.code_snippet {
    font-family: 'Courier New', Courier, monospace;
    background-color: #dff2ff;
    color:rgb(44, 44, 44);
    font-weight: bold;
    padding:2em;
    margin:2em;    
}


.table_list 
{
    padding: inherit;
    margin: inherit;
}