<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style type="text/css">
   
        $glitch-applies-to:
          navigation    yes,
          header    yes,
          footer   yes,
          content   yes,
          buttons   yes;

        $italicize-text-on-glitch:yes;

        $glitch-color-1:red;
        $glitch-color-2:cyan;
        $glitch-effect-speed:.2s;


        @import '0/37249/AeGgBa/glitch-hover';
   
        .xlink{cursor:crosshair}
        html, body {
            padding: 0;
            cursor:cell;
        }
        a {
          color: #EEC6B3;
          text-decoration: none;
        }
        
        body {
            color: #EEC6B3;
            background: #1C1940;
            font: 90% Courier;
            font-weight: 300;
             }

        .column {
          float: left;
          padding: 10px;
          height: 150px;
           
        }
        
        .left {
          width: 20%;
          
        }
        
        .right {
          width: 75%;
        
        }
        .row:after {
        content: "";
        display: table;
        clear: both;
        }

        p {
            padding: 0 10px;
            line-height: 1.8;
        }

        ul li {
            padding-right: 10px;
            line-height: 1.6;
        }

        #header {
            position: relative;
        }

        h1 {
            height: 80px;
            line-height: 80px;
            margin: 0;
            padding-Top: 30px;
            background: #45398D;
            color: #45398D;
        }
        
        h2 {
            padding: 5px 10px;
            font-size: 18px;
            font-style: italic;
            margin: 0;
        }

        h3 {
            padding: 5px 10px;
            font-size: 30px;
            margin: 0;
        }

        #header a {
            position: absolute;
            right: 0;
            top: 23px;
            padding: 100px;
            color: #45398D;
        }

        #navigation {
            background: #6954AB;
          
        }

        #navigation li {
            list-style: none;
        }

        #extra {
            background: #bf81d4;
                         
              }

        #footer {
            background: #45398D;
            color: #EEC6B3;
            font-style: italic;
        }

        #footer p {
            padding: 10px 10px;
            color: #EEC6B3;
        }

        #container {
            width: 800px;
            margin: 0 auto;
        }

        #content {
            float: Left;
            width: 600px;
            height: 639px;
            overflow: auto;
        }

        #navigation {
            float: right;
            width: 200px;
        }

        #extra {
            clear: both;
            padding: 0px 0px;
            width: 100%;
        }
        
        #bios {
          padding: 5px;
        }
        
        .img1 {
          float: left;
          padding: 10px;
        }
        
        .img2 {
          float: right;
          padding: 10px;
        }
        
        .clearfix::after {
          content: "";
          clear: both;
          display: table;
        }
        .padding
        {
        padding: 0px 0px 0px 0px;
        }
        
    </style>
</head>