.roboto {
  font-family: 'Roboto Mono';
}

.txt a:link {
  font-family: 'Roboto Mono';
  color: #8a8a8a;
  text-decoration: none;
}

.txt a:hover {
  text-decoration: blink;
  color: red;
  letter-spacing: 3px;
  background-color: #fff500;
}

.txt a:visited {
  font-family: 'Roboto Mono';
  color: #8a8a8a;
  text-decoration: none;
}



.icon {
  cursor: pointer;
  pointer-events: auto;
  font-size: 20px;
  margin: 10px 15px;
}


.xpos_links .nav_b {
  font-family: Roboto
}

.xpos_links .nav_b a:link {
  text-decoration: none;
  color: #000
}

.xpos_links a:focus {
  color: #000;
  text-decoration: blink;
  background-color: #ff0
}

.xpos_links a:hover {
  font-style: italic;
  color: #fff500;
  text-decoration: underline;
  background-color: #ff0f00
}

.xpos_links a:visited {
  color: #494949;
  text-decoration: blink;
  background-color: red
}

.xpos_links a:active {
  outline: 0;
  text-decoration: blink;
  background-color: #dd1b00;
  color: #000
}

a {
  color: var(--bs-gray-dark);
}


.icon_kwh {
width: 72px;
height: 72px;
padding-left: 40px;
position: fixed;
top:20px; 
display: flex;
}

.random_button {
  
  position: fixed;
  top:10px; 
  right: 5%;
 
  }