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

  .sitename { 
  }

  .desctxt {
    color: #fff;
    padding-bottom: 3em;
    
  }
  
  .sepline {
  
    border-bottom: 1px solid white;
    opacity: 0.8;
    padding-bottom: 1em;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    min-width: 5em;
    background-color: black;
    opacity: 0.9;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2em;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  
  body 
  {
    margin:0;
    background: linear-gradient(to bottom, #704, #502);   
    background-color: #704; 

    color:#FFF; 
    font-family: 'Helvetica', Arial, sans-serif;
    font-size:12pt;
    line-height:1.5em;
  }
  .atual {font-weight:bold; color:#FC0;}
  .the {font-weight:bold; color:#FFF; }
  .country { 
	  color:#FFC; 
	  font-size:1.8em;
    line-height:1.4em;
	  margin-top:1.0em;
    margin-bottom:0.5em;
    padding-right:1em;
    display: flex;
    align-items: center;   
    gap: 0.5rem;          
  }

.country .fedilogo {
    height: 1.3em;         /* scales image to text height */
    vertical-align: middle;
}

  .title 
  {
    font-size:1.1em;
    margin-bottom:0.5em;
    line-height:1.25em;
    display:block;
    
  }
  
  .subtitle 
  {
    font-size:0.8em;
    margin-bottom:0.5em;
    font-weight: normal;
  }

  .open {color: #7F7; 
    text-decoration: none;
    border-bottom: 1px white dotted;
  }

  .closed {color: #FFF; 
    text-decoration:none;
    border-bottom: 1px #C7C dotted;
  }

  .colorok { color:#DFE;}
  .colorbad { color:#FA0;}
  .smaller {font-size: 0.8em;}
  a {color: #8EF;}

  #mainTable {
    max-width:40em;
  
  }

/* Override for small screens */
@media (max-width: 768px) {
    #mainTable {
        max-width: 90%; 
        padding: 5%;
    }
}

.sections:active ,sections:hover {color:white;}
.sections, .sections:visited {

	color:#FC4;
	text-decoration: underline;
	text-decoration-style: dotted;

  padding-bottom:1em;
}

td #techInfoTable {font-size:0.7em; padding:0.5;}
.about {
font-size: 1em; padding:2em;
}

#techInfoTable {
	font-size:0.6em;
	width:100%;
	margin:0; 
	border:0x dotted white;
	margin-top:1em;

}

#infoTable {
	width:100%;
	margin:0; 
	border:0px dotted white;
	margin-top:1em;
}

td #infoTable  {
}

table {
  
    margin-left: auto;
    margin-right: auto;
    
      border: 0px solid white;
  } 
   

  td { padding-bottom:1em;padding-right:0.5em; text-align: left; }
  th {font-size:1.5em;text-align: left; padding-bottom:1em; font-weight:bold;}