body {
  background-image:
    repeating-linear-gradient(
      45deg,
      #F2A940,
      #F2A940 5px,
      #F4B544 5px,
      #F4B544 10px
    ),
    url(../images/smaller.jpg);
  background-position: top left, bottom right;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, scroll;
  overflow-x: hidden;
  color: #a60000;
}


    header, footer {
      background-color: #000;
      color: #fff;
    }
    .navbar-nav .nav-link {
      color: white;
    }
    .navbar-nav .nav-link:hover {
      color: #ffdb58;
    }
    .carousel-inner img {
      height: 700px;
      object-fit: cover;
    }
    .podcast-img {
      border: 3px solid #000;
      position: relative;
      overflow: hidden;
      transition: border-width 0.3s;
    }
    .podcast-img:hover {
      border-width: 6px;
    }
    .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease;
      text-align: center;
    }
    .podcast-img:hover .overlay {
      opacity: 1;
    }
    .footer-icons a {
      color: white;
      margin: 0 10px;
      font-size: 1.5rem;
    }
    footer {
      font-family: "Lilita One", sans-serif;
      position: sticky;
      bottom: 0;
      width: 100%;
      padding: 1rem 0;
    }







h1 {
  font-family: "Lilita One", sans-serif;
  text-transform: uppercase;
  font-size: 450%;
}
h2 {
  font-family: "Lilita One", sans-serif;
}
h3 {
   font-family: "Permanent Marker", cursive; 
}

h5{
  font-family: "Lilita One", sans-serif;
}

.img-shadow {
  box-shadow: 3.8px 7.5px 7.5px hsl(0deg 0% 0% / 0.38);
}

//*FONTS*// 
    .permanent-marker-regular {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
}
.lilita-one-regular {
  font-family: "Lilita One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.contentbox {

  box-shadow: 3.8px 7.5px 7.5px hsl(0deg 0% 0% / 0.38);
  color: #000;
  background-color: rgba(255, 255, 255, 0.7); /* Light (nearly white), semi-transparent background */
  padding: 16px;
  text-align: left;
}


.navbarfont {
  font-family: "Permanent Marker", cursive; 
  font-weight:lighter;
    }

.contentbox a:link {color:#990000; text-decoration:none;} /* unvisited link */
.contentbox a:visited {color:#990000; text-decoration:none; }  /* visited link */
.contentbox a:hover {color:#ccc; text-decoration:none;   }  /* mouse over link */
.contentbox a:active {color:#990000; text-decoration:none; }  /* selected link */


.podcastlinks a:link {color:#fff; text-decoration:none;} /* unvisited link */
.podcastlinks a:visited {color:#fff; text-decoration:none; }  /* visited link */
.podcastlinks a:hover {color:#fff; text-decoration:none;   }  /* mouse over link */
.podcastlinks a:active {color:#fff; text-decoration:none; }  /* selected link */


.footer-icons a { margin: 0 10px;font-size: 1.5rem;}
.footer-icons a:link {color:#FFD700; text-decoration:none; } /* unvisited link */
.footer-icons a:visited {color:#FFD700; text-decoration:none; }  /* visited link */
.footer-icons a:hover {color:#1DB954; text-decoration:none;   }  /* mouse over link */
.footer-icons a:active {color:#FFD700; text-decoration:none; }  /* selected link */


.footer-links a:link {color:#ccc; text-decoration:none; } /* unvisited link */
.footer-links a:visited {color:#fff; text-decoration:none; }  /* visited link */
.footer-links a:hover {color:#fff; text-decoration:none;   }  /* mouse over link */
.footer-links a:active {color:#fff; text-decoration:none; }  /* selected link */

.button-links a:link {color:#fff;   font-family: "Permanent Marker", cursive; text-decoration:none; } /* unvisited link */
.button-links a:visited {color:#FFD700; text-decoration:none; }  /* visited link */
.button-links a:hover {color:#ffb300; text-decoration:none;   }  /* mouse over link */
.button-links a:active {color:#FFD700; text-decoration:none; }  /* selected link */

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  -ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform: scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}