* {
    box-sizing: border-box;
}
  
    body,
    html {
        margin:0;
        padding:0;
        color:#000;
        background-color: white;
        font-family: 'Palatino' ;
    }

    h1 {
        margin:0;
        font-size: 1.5em;
    }

    h2 {
        margin-left: 10px;
        margin-top: 0;
    }

    h3 {
        font-size: 1em;
    }

    pre {
        background-color: #E9E9E9;
    }

    canvas {
        border: 1px solid black;
        margin-left: auto;
        margin-right: auto;
    }

    input .intxt{
        float: right;
    }

    a:link, a:visited, a:active{
        text-decoration: none;
        color: "#000033";
        padding-left: 5px;
        padding-right: 5px;
    }

    #content a:hover{
        text-decoration: underline;
    }
    #content {
        font-family: Palatin0, Arial, verdana, sans-serif;
        position: relative;
        width:1000px;
        margin:0 auto;
        background: white;
    }

    #header {
        padding:5px 10px;
        background:#000000;
        color: white;
        font-family: 'Palatino';
        text-align: center;
    }

    #header h1{
        font-size: 1.5em;
        padding: 10px;

    }
   #header h2{
        font-size: 1.2em;
        font-style: italic;
    }

    #nav ul {
        margin:0;
        padding:0;
        list-style:none;
    }

    #nav li {
        display:inline;
        margin:0;
        padding:0;
    }

    #nav {
        padding:2px 10px;
        background:#444;

    }

    #nav li{
        margin-right: 5px;
        margin-left:5px;
    }

    #nav a:link, #nav a:visited, #nav a:active{
        text-decoration: none;
        color: white;
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav a:hover{
        text-decoration: underline;
    }

    #about {
        /*float: right;*/
        font-size: 0.8em;
        font-style: italic;
    }

    #author{
        float: right;
        display: inline;
    }

    #version{
        float: left;
        display: inline;
        margin-left:0;
    }
    #content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        text-align:left;
    }

    #content h1{
        margin: 1em;
        text-align: center;
    }

    #content p{
        line-height: 1em;
        margin-top: 0em;
        margin-bottom: 0.3em;
    }

 /*   #helix{
        width: 600;
        height: 150;
        text-align: center;
    }*/

    #data {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #tip {
        margin-left: auto;
        margin-right: auto;
        font-size: 0.7em;
        font-style: italic;
        text-align: right;
        width: 800px;
    }

    #data table {
        margin-left: auto;
        margin-right: auto;

    }


    .imgEx {
        border: 1px solid black;
        padding: 3px;
    }

    #sidebar {
        position: absolute;
        width: 200px;
        left: 0px;
        padding: 10px;
        background: #000;
        color: white;
        margin-right: 15px;
    }
/*
    #sidebar a:link, a:visited, a:active{
        color: white;
        text-decoration: none;

    }
*/
    #sidebar a:hover{
        text-decoration: underline;
    }


    .math{
        text-align: left;
        font-family: 'Palatino';
        font-style: italic;
        font-size: 1.1em;
        border: 1px solid #DDDDDD;
        display: table;
        margin: 10px 0 10px 50px;
        padding: 5px 5px 5px 5px;
    }
    #footer {
        padding:5px 10px;
        background-color: #AAAAAA;
        border-top: solid 1px black;
        width: 100%;
        margin-top: 20px;
    }
    
/* Create two unequal columns that floats next to each other */
.column {
    float: left;
    padding: 10px;
    width: 50%;
    /*height: 300px; /* Should be removed. Only for demonstration */
}

.left {
  width: 50%;
}

.right {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}