:popover-open {
  margin: auto;
  border: none;
}
 
 body {
  background:#444 url(/img/bgantenna.gif) fixed;
  font-family: 'lato', verdana, arial;
  font-size: 0.6rem;
  color:#666;
  letter-spacing: 1px;
  line-height:1.5em; 
  text-align: center;
  }
  
  a:link, a:visited, a:active { 
  color:#222;
  text-decoration:none;
  }
  
  a:hover {
  color:#ddd;
  }
  
      b {
      color:#444;
      font-weight:bold;
      } 
      
      i {
      font-style:italic;
      color:#aaa;
      }
      
      u {
      color:#888;
      text-decoration:underline;
      }
      
  img {
  border:0; 
  max-width:100%; 
  margin: 0 auto;
  }

  textarea {
  font:1em 'lato', verdana; 
  letter-spacing: 1.5em
  }
     
  iframe {
  display: block; 
  margin: 0 auto;
  }

  
  @font-face {
  font-family: 'poti';
  src: url(/fonts/poti.woff);
    }

.button {
 font-family: 'lato', verdana, arial;
  font-size: 0.6rem;
  color:#666;
  letter-spacing: 1px;
  line-height:1.5em; 
  border: none;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/960px-HD_transparent_picture.png?20200606142532);
  cursor:pointer;
}

.button:hover {
 font-family: 'lato', verdana, arial;
  font-size: 0.6rem;
  color: #000;
  letter-spacing: 1px;
  line-height:1.5em; 
  border: none;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/960px-HD_transparent_picture.png?20200606142532);
  cursor:pointer;
}

.button:active {
 font-family: 'lato', verdana, arial;
  font-size: 0.6rem;
  color:#000;
  letter-spacing: 1px;
  line-height:1.5em; 
  border: none;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/960px-HD_transparent_picture.png?20200606142532);
  cursor:pointer;
}

  .header {
  background:#CCCCCC url();
  color:#ffffff;
  text-align:inherit;
  padding:2vw;
  border-top-right-radius:2em;
  border-top-left-radius:2em;
  border-right:1px solid #444;
  border-bottom:0px;
  height: 7rem;
  }

  .header a {
  font-family: 'poti';
  font-size: 9vw; 
  color:#000000;
  letter-spacing: 2px;
  text-align: end;
  max-width: 8rem;
  margin-left: auto;
  margin-right: auto;
  }


  .navigation {
  background:#FFF;
  margin-top:px;
  border-top:px solid #111;
  border-bottom: px solid #111;
  border-right: 1px solid #444;
  }

  .navigation a {
  display:inline-block;
  background:transparent;
  text-align:center;
  margin-bottom:4px;
  margin-right:4px;
  padding-bottom:2px;
  padding-top:2px;
  font:normal 9px 'silkscreen',arial;
  line-height:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#cccccc;
  width:75px;
  }

  .navigation a:hover {
  background:#f0f0f0;
  color:#000;
  }

  .icon {
  margin-bottom:4px;
  margin-top:4px;
  }

  .marquee {
  font: 10px 'silkscreen', verdana;
  color:#999;
  letter-spacing:1px;
  padding:0px;
  padding-left:4px;
  margin-bottom:4px;
  text-transform:uppercase;
  background:#eee;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #000000;
  }

  .marquee-message {
  margin-right: 600px; 
  display: inline-block;
  }

  .leftside { 
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    background-color: #fff;
    } 
    
  .content {
  background: #FFF;
  border-right: 1px solid #444;
  text-align: left;
  margin: auto;
  }

  .rightside {
  background: #FFF;
  border-right: 1px solid #444;
  }

  .footer {
  background: #cccccc;
  color:#000000; 
  border-right: 1px solid #000;
  border-bottom: 0.5em solid #cccccc;
  border-radius: 0 0 2em 2em;
  }

  .footer a {
  color:#000;
  }
  .footer a:hover {
    color:#fff;
  }

  .scrollbox {
  height:10em;
  border:1px solid #888;
  border-right:1px;
  padding:6px;
  margin-bottom:3px;
  overflow:scroll;
  overflow-x:hidden;
  }

  .title {
  font: 10px 'silkscreen', verdana;
  color:#999;
  letter-spacing:1px;
  text-align:left;
  padding:0px;
  padding-left:4px;
  margin-bottom:4px;
  text-transform:uppercase;
  background:#eee;
  border-bottom: 1px solid #ddd;
  }

  .tooltip {
  position: relative;
  display: inline-block;
  }

  .tooltip .tooltiptext {
  visibility: hidden;
  width: 8rem;
  background-color: transparent;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 5px 0;
  position: absolute;
  z-index: 0;
  }

  .tooltip:hover .tooltiptext {
  visibility: visible;
  }