a:link { text-decoration: none;}
a:visited {text-decoration: none;color: 000000; }
a:hover { text-decoration: none; color:#79D4F8; }
/*a:focus { text-decoration: none; color:white; }*/
a:active { text-decoration: none; color:000000; }
a {border:10px; border-color:#000000;}


a:button:hover{
     background: #FFFFFF;
}

.space {
  width: 50px;
  height: auto;
  display: inline-block;
}

.left{
width: 50%;
float: left;
}

.right{
width: 50%;
float: right;
}


.nav-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /*width: 100%;*/
}

.nav-btn {
  font-size: 3vw; /* Using viewport width for font size to make it responsive */
  font-family: Arial;
  padding: 5px 8px;
  margin: 5px; /* Add margin for spacing between buttons */
  border-style: double;
  border-width: medium;
  border-color: #000000;
  cursor: pointer;
}

/* Media query for responsiveness */
@media screen and (max-width: 600px) {
  .nav-btn {
    font-size: 6vw; /* Adjust font size for smaller screens */
  }
}