
@font-face {
   font-family: 'Ubuntu';
   src: url('./ubuntu/Ubuntu-R.woff') format('woff');
}

@font-face {
   font-family: 'Web437 IBM VGA';
   src: url('./web437/Web437_IBM_VGA_8x16.woff') format('woff');
}

body {
   background-color: #0A0B0C;
   color: #DDD;
   font-family: "Ubuntu", sans-serif;
   font-size: 18px;
   padding: 0;

}


.divOuter {
   background: #222;
   border-color: #555;
   border-radius: 40px;
   box-shadow: 1px 1px 40px #000;
   margin: 0 auto;
   padding: 25px;
   max-width: 1000px;
}

.divList {
	line-height: 32px;
    padding-top: 10px;
align-items:center;
vertical-align: middle;
}

hr {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
   border: 0;
   height: 1px;
   width: 95%;
}


h1 {
   color: #FDFDDF;
   font-size: 2em;
   font-weight: 100;
   margin: 10px 15px 15px 0;
   text-shadow: 3px 3px 3px #000;
}

h2 {
   color: #FDFDDF;
   font-size: 1.3em;
   font-weight: 100;
   padding-top: 20px;
}

h3 {
   color: #FDFDDF;
   font-variant: small-caps;
   font-weight: 100;
   text-shadow: 2px 2px 2px #000;
}

h4 {
   font-weight: 400;
   text-shadow: 2px 2px 3px #000;
}

img {
   border: none;
  height: auto;

  max-width: 100%;
}

table {
   font-family: "Web437 IBM VGA", monospace;
   font-size: 15px;
   width: 100%;
}

th {
   background-color: #354045;
}

.th_wide {
   width: 155px;
}

th,td {
   border-left: 0;
   border-right: 0;
   text-align: left;
}

tr:hover {
   background-color: #354555;
}

a:link {
   color: #057CDE;
   text-decoration: none;
   transition: 0.3s;
}

a:visited {
   color: #057BCD;
}

a:hover {
   color: #09CBCD;
   text-decoration: underline;
}

a:active {
   color: #0878A9;
}



li {
   padding-bottom: 5px;
   text-align: left;
}

.emoji {
   font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
   cursor: default;
}

.clientbody {
   overflow-x: hidden;
}

.dWrOuter {
    width: fit-content; 
    border: 3px outset;
    text-align:center; 
    /*font-family: 'Web437 IBM VGA';*/
    border-radius: 10px 10px 10px 10px;  
    margin: 10px;

}

.pWr {
    margin: 0; padding: 0.2em; 
    background: linear-gradient(to top right, #333, #111);
    border-radius: 10px 10px 0 0;
}

.dWrInner {
    margin: 0; padding: 0.1em; display: flex;
}