body {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.active {
  border: 2px dashed var(--color);
  font-weight: bolder;
  text-decoration: underline;
  border-radius: 10px;
  padding: 5px;
}
.webBadges{
  height:15px;
  width: auto;
  border: 1px solid var(--color)
}
#btnSwitch {
  margin-top: 5px;
  border:3px solid var(--color)
}

hr {
  background-color: var(--bs-primary);
  height: 3px;
  border: 0;
}

#content {
  margin: 0;
  padding: 0;
}

.links {
  padding-top: 0vh;
  line-height: 2rem;
  font-size: 1.25rem;
}

footer {
  background-color: rgba(0, 0, 100, 0.2);
  line-height: 1.4rem;
}

/* 
typing animation (.typing, @keyframes typing, @keyframes blink-caret) copied from
https://codepen.io/geoffgraham/pen/jrWwWM 
*/

.typing {
  font-family: monospace;
  max-width: fit-content;
  overflow: hidden;
  /* Ensures the content is not revealed until the animation */
  border-right: .10em solid red;
  /* The typwriter cursor */
  white-space: nowrap;
  /* Keeps the content on a single line */
  margin: 0 auto;
  /* Gives that scrolling effect as the typing happens */
  letter-spacing: .03em;
  /* Adjust as needed */
  animation:
    typing 3s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from {
    width: 0
  }

  to {
    width: 100%
  }
}

/* The typewriter cursor effect */
@keyframes blink-caret {

  from,
  to {
    border-color: transparent
  }

  50% {
    border-color: red
  }
}

/* 
typing animation (.typing, @keyframes typing, @keyframes blink-caret) copied from
https://codepen.io/geoffgraham/pen/jrWwWM 
*/

.centered {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

nav{
  /*background: #9D50BB; 
  background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB); 
  background: linear-gradient(to right, #6E48AA, #9D50BB);
  cssgradient.io*/
  background: var(--color);
}
:root {
  --color: rgba(0, 0, 0, 0.4);
}
a{
  transition: all 0.5s ease-in;
}
a:hover{
  color:red !important;
  font-weight: bolder;
  background-color: rgba(66, 113, 113, 0.4);
  
}