/* DEVELOPER: Alfred Simpson, IS117-003, Fall 2023 */

.navbar-brand img {
  max-height: 100px;
  max-width: 100px;
  margin: 0 auto;
  padding: 0 5px 0px 0px;
}

.navbar-brand span {
  padding: 0 5px 0px;
}

a:focus {
  text-shadow: 1px 1px 5px var(--bs-warning-text-emphasis);
}

.fit-cover {
  object-fit: cover;
}

.photo-carousel {
  max-width: 60%;
}

.projcard:hover {
  box-shadow: 0 0 10px 0 var(--bs-primary);
}

.contactlist {
  list-style-type: none;
  padding: 0;
}

/* .glowshadow {
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: var(--bs-primary);
  padding: 10px;
} */

/* @keyframes glowing {
  0% {
    background-color: var(--bs-primary);
    box-shadow: 0 0 10px 0 var(--bs-primary);
  }

  /* 50% {
    background-color: var(--bs-primary);
    box-shadow: 0 0 20px 0 var(--bs-primary);
  } */

/* 100% { 
    background-color: var(--bs-primary);
    box-shadow: 0 0 10px 0 var(--bs-primary);
  }
} */

/* .glowshadow:hover {
  animation: glowing 1s infinite;
}  */

/* Define the styles for the anchor with class glowshadow */
.glowshadow {
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: var(--bs-primary);
  padding: 10px;
  animation: glowing 2s infinite;
}

@keyframes glowing {
  0% {
    filter: drop-shadow(0 0 5px rgba(255, 217, 0, 0.5));
  }

  50% {
    filter: drop-shadow(0 0 10px rgba(255, 217, 0, 0.9));
  }

  100% {
    filter: drop-shadow(0 0 5px rgba(255, 217, 0, 0.7));
  }
}

/* Style the SVG icon within the anchor */
.glowshadow svg {
  width: 16px; /* Adjust the width as needed */
  height: 16px; /* Adjust the height as needed */
  /* fill: #ffd700;
   */
  fill: red;
  position: relative; /* Add relative positioning to the SVG */
  z-index: 1; /* Ensure the SVG is in front of the pseudo-element */
}

/* Create a pseudo-element for the glowing effect */
.glowshadow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; /* Position it behind the anchor content */
  animation: glowing 3s infinite; /* Apply the same glowing animation */
}

footer {
  max-height: 15% !important;
}

/* nav {
  max-height: 5% !important;
} */