table { border-collapse:collapse; border-spacing:0; empty-cells:show; margin-left:auto;margin-right:50px;}
.ro1 { height:25px; }
.ro2 {
    height: 70px;
  }
.main {
    border-style: solid;
    border-color: #646262;
    font-size: 11pt;
    padding: 3px;
    white-space: nowrap;
}
.XO {
    font-family: 'Courier New', Courier, monospace;
    font-size: 15pt;
    color: #646262;
    border-style: solid;
    border-color: #646262;
    padding: 0px;
    white-space: nowrap;
  }
.verttekst {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
 }
.tekstaligncentar {
    text-align: center;
}
.tekstalignright {
    text-align: right;
}
.verticalalign {
    vertical-align: bottom;
}
.leftDim {
    border-bottom-width:2px;
    border-left-width:0px;
    border-right-width:2px;
    border-top-width:2px;
}
.topvar {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
}
.topdim {
    border-bottom-width:2px;
    border-left-width:2px;
    border-right-width:2px;
    border-top-width:0px;
}
.topvardimL {
    border-bottom-width:1px;
    border-left-width:2px;
    border-right-width:1px;
    border-top-width:1px;
}
.topvardimD {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:2px;
    border-top-width:1px;
  }
.leftvardimL {
    border-bottom-width:1px;
    border-left-width:2px;
    border-right-width:2px;
    border-top-width:1px;
}
.leftvardimLT {
    border-bottom-width:1px;
    border-left-width:2px;
    border-right-width:2px;
    border-top-width:2px;
}
.leftvardimLD {
    border-bottom-width:2px;
    border-left-width:2px;
    border-right-width:2px;
    border-top-width:1px;
}
.valuetop {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:2px;
}
.valuesinside {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
}
.valuedown {
    border-bottom-width:2px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
}
.valueright {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:2px;
    border-top-width:1px;
}
.valuetopright {
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:2px;
    border-top-width:2px;
}
.valuedownright {
    border-bottom-width:2px;
    border-left-width:1px;
    border-right-width:2px;
    border-top-width:1px;
}
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.button {
    padding: 8px 16px;
    width: auto;
    border: none;
    display: block;
    outline: 0;
    margin-left:auto;
    margin-right:auto;
    border-radius: 10px;
    color: #fff;
    background-color: #616161;
}
  .button:hover {
    color: #000;
    background-color: #ccc;   
  }
  section {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  h1 {
    text-align: center;
    line-height: 80px;
    margin: 0;
  }
  article {
    padding: 10px;
    margin: 10px;
    flex: 50%;
  }
  li {
    padding: 2px;
    margin: 8px;
  }
  h2 {
    text-align: center;
    line-height: 30px;
    margin: 0;
    font-size: 30px;
  }

  hr {
    stroke: #616161;
    border-style: dashed;
  }
  p {
    padding: 5%;
    line-height: 1.5;

  }