html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

#main {
    color: #2f5570;
    width: 100%;
    position: absolute;
}

.button {
    background-color: #3b547d;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    padding: 3px 8px;
}

.button:hover {
    cursor: pointer;
}

.data-block {
    border-radius: 5px;
    border: 1px solid #3b547d;
    color: #2f5570;
    padding: 5px;
    margin: 1px;
    background-color: #ffffff;
    display:block;
    overflow: auto;
}

.margin-obj {
    margin: 10px
}

.profile_text {
    font-size: 13px;
    font-family: monospace, monospace;
    width: 100%;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    margin: 0 auto;
    width: intrinsic;
    float: left;
    display: block;
    white-space: pre-line;
}

.asn1_text {
    font-size: 15px;
    font-family: monospace, monospace;
    width: 73%;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    margin: 0 auto;
    float: left;
    text-wrap: wrap;
    display: block;
    white-space: pre-line;
}

.footer {
   width: 100%;
   bottom: 0;
   left: 0;
   text-align: center;
   margin-top: 25px;
   margin-bottom: 15px;
}