.container 
       { 
            display: flex;
            justify-content: center;
            padding: 0;
            flex: 50%;
       }

        .container div {
            margin: 5px;
            height: 420px;
            border: 2px solid;

        }

        p {
            padding: 8px;
        }

        h2 {
            text-align: center;
            font-size: 30px;

        }

        table {
            border: 0;
            padding: 6px;
            margin: 10px;
            width: 400px;
            font-size: 10pt;
            color: black;

        }


        th {
            font-weight: normal;
            text-align: left;
            background-color: gray;
            border: 1px solid;
            border-radius: 50px 0 0 50px;
            padding: 4px 10px
        }

        td {
            text-align: right;
            padding: 4px 10px;
            color: gray;
            border: 1px solid;
            border-radius: 0 50px 50px 0;


        }

        #left {
            width: 200px;
            padding: 20px 0px;

        }

        #center {
            width: 420px;
            padding: 15px;
        }

        #bottom {

            width: 630px;
            height: 70px;
            padding: 20px;
        }


        #charimage {
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
            border: 0;
        }

        #chardesc {
            height: 200px;
            overflow: auto;
        }

        a:link {
            color: #587DF5
        }