html {
  padding: 10px;
  margin: 10px;
}

body {
  background-image: url("https://misternotepad.com/assets/img/lodyas.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: auto;
}

@media screen and (max-width: 500px) {
  iframe {
    display: none !important;
  }
}

/* Holiday text */
#holiday-text {
  font-family: 'Proto Mono';
  font-size: 14px;
  color: bisque;
  text-align: center;
}

/* Welcome title */
h1.welcome-title {
  font-family: 'Proto Mono';
  text-shadow: 4px 4px 4px var(--bs-body-color);
  text-align: center;
  color: var(--bs-body-bg);
  padding: 10px;
}

/* Section intro text */
.section-intro {
  font-family: 'Proto Mono';
  color: var(--bs-secondary-bg);
}

.section-intro span {
  text-shadow: 4px 4px 4px var(--bs-body-color);
}

/* Quote */
#quote {
  font-family: 'Proto Mono';
  font-size: 10px;
  color: bisque;
  text-align: center;
  padding: 10px;
  text-shadow: 4px 4px 4px var(--bs-body-color);
}

/* Day title and lyrics */
#day-title {
  font-size: 24px;
  color: #ff4d4d;
  text-shadow: 4px 4px 4px var(--bs-body-color);
  font-family: 'Proto Mono';
}

#lyrics {
  font-size: 12px;
  color: #32cd32;
  text-shadow: 4px 4px 4px var(--bs-body-color);
  font-family: 'Proto Mono';
}

/* Canvas container */
.canvas-container {
  bottom: 30%;
}

/* Audio containers */
.audio-container {
  font-family: 'C64 Pro Mono';
  font-size: 10px;
  color: bisque;
  text-align: center;
  padding: 10px;
}

/* Content containers */
.content-container {
  font-family: 'Proto Mono';
  font-size: 20px;
  color: darkslategray;
  text-align: center;
  align-content: center;
  padding: 10px;
}

.content-container p {
  font-size: 12px;
  color: rgb(0, 0, 0);
}

/* Contact section heading */
.contact-section h2 {
  font-family: 'Proto Mono';
  font-size: 24px;
  color: bisque;
  text-shadow: 4px 4px 4px var(--bs-body-color);
  text-align: center;
  padding: 10px;
}

/* Social media icons */
.social-icons img {
  width: 25px;
  height: 25px;
}

/* Footer */
footer p {
  font-family: 'Proto Mono';
  font-size: 10px;
  color: bisque;
  text-align: center;
  padding: 10px;
  text-shadow: 4px 4px 4px var(--bs-body-color);
}

/* Chiptunes heading */
.content-heading {
  font-family: 'Proto Mono';
  font-size: 14px;
  color: bisque;
  text-shadow: 4px 4px 4px var(--bs-body-color);
  text-align: center;
  padding: 10px;
}

/* Social links heading */
.social-links {
  font-family: 'Proto Mono';
  font-size: 14px;
  color: bisque;
  text-shadow: 4px 4px 4px var(--bs-body-color);
  text-align: center;
  padding: 10px;
}

.social-links img {
  width: 25px;
  height: 25px;
}