@font-face {
  font-family: 'Pixel Operator 8';
  src: url('https://time-travelling-birb.neocities.org/fonts/PixelOperator8.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pixel Operator 8 Bold';
  src: url('https://time-travelling-birb.neocities.org/fonts/PixelOperator8-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'DogicaPixelRegular';
  src: url('https://time-travelling-birb.neocities.org/fonts/dogicapixel.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'DogicaPixelBold';
  src: url('https://time-travelling-birb.neocities.org/fonts/dogicapixelbold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PixelMPlusRegular';
  src: url('https://time-travelling-birb.neocities.org/fonts/PixelMplus10-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PixelMPlusBold';
  src: url('https://time-travelling-birb.neocities.org/fonts/PixelMplus10-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

body {
  background: url(images/starsBack.png);
  background-attachment: fixed;
  animation: BG-anim1 10s linear infinite;
  margin: 0px;
  width: 100%;
  height: 100vh;
  overflow: auto;
  scrollbar-color: #48acdf #0000;
  scrollbar-width: thin;
  position: absolute;
  z-index: -10;
  color: #CCDDEE;
  font-family: 'DogicaPixelRegular';
  line-height: 1.7em;
  letter-spacing: -1px;
  font-size: 8px;
  cursor: url('https://time-travelling-birb.neocities.org/images/featherPointer.png'), default;
}

body::before {
  content: " ";
  background: url(images/starsMid.png);
  background-attachment: fixed;
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -5;
  animation: BG-anim2 7s linear infinite;  
}

body::after {
  content: " ";
  background: url(images/starsFore.png);
  background-attachment: fixed;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  animation: BG-anim3 5s linear infinite;  
}

@keyframes BG-anim1 {
  0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 234px;
    }
}

@keyframes BG-anim2 {
  0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 234px;
    }
}

@keyframes BG-anim3 {
  0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 234px;
    }
}

a {
  cursor: url('https://time-travelling-birb.neocities.org/images/featherPointer2.png'), pointer;
  color: #FFFFDD;
  text-decoration: none;
  font-family: 'DogicaPixelBold';
  font-weight: bold;
}

a:hover {
  text-decoration: underline; 
  text-decoration-style: dotted;
  text-decoration-color: #CA5573;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.JP {
  font-family: 'PixelMPlusRegular';
  font-size: 10px;
  letter-spacing: normal;
}

.JPbold {
  font-family: 'PixelMPlusBold';
  font-size: 10px;
  letter-spacing: normal;
}

.error {
  text-align: center;
  margin-top: 100px;
  font-size: 16px;
  text-shadow: 0 0 5px #4a00d6, 0 0 5px #4a00d6, 0 0 5px #4a2139;
}

.error a {
  text-shadow: 0 0 5px #e7bda5, 0 0 5px #4a0000, 0 0 5px #4a0000;
}

/* ----------------- BEGIN HEADER ----------------- */

.headContainer, .bodyContainer, .footContainer {
  display: grid;
  grid-template-columns: auto 960px auto;
}

.header {
  text-align: center;
  padding-bottom: 0px;
  display: inline;
  vertical-align: bottom;
}

.topMarqueeContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.topMarquee {
  vertical-align: middle;
  background: url(images/topMarqueeBG.png) repeat-x;
}

.topMarqueeBracketL {
  width: 16px;
  height: 28px;
  background: url(images/marqueeBracketL.png) no-repeat;
}

.topMarqueeBracketR {
  width: 16px;
  height: 28px;
  background: url(images/marqueeBracketR.png) no-repeat;
}

.topMarquee span {
  text-shadow: 0px 0px 3px #1b8aa7, 0px 0px 3px #1b8aa7, 0px 0px 3px #1b8aa7;
  vertical-align: -44%;
}

.topMarquee img {
  vertical-align: -6px;
}

/* ----------------- BEGIN FOOTER ----------------- */

.footContainer {
  text-align: center;
}

.copyright {
  padding-top: 5px;
  color: #777788;
}

.footer {
  background: url(images/footer.png) no-repeat;
  padding: 10px;
  width: 960px;
  height: 72px;
  box-sizing: border-box;
}

.footerIBD {
  background: url(images/infinite-birb-drive.png);
  width: 335px;
  height: 32px;
  text-align: right;
  float: left;
  padding: 9px;
  margin: 10px;
  box-sizing: border-box;
}

.footerBadgesContainer {
  background: url(images/badgeZone.png);
  height: 52px;
  width: 400px;
  float: right;
  padding: 6px 4px 4px 12px;
  box-sizing: border-box;
}

.footerBadges {
  display: grid;
  grid-auto-flow: column;
  height: 44px;
}

::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #0000;
}

::-webkit-scrollbar-thumb {
  background: #48acdf;
  border-radius: 4px;
  border: 1px solid black;
}

.footerBadges img {
  margin-top: 5px;
}

/* ----------------- BEGIN BIRD TUBES ----------------- */

.pipeTL {
  flex: 22%;
  text-align: right;
  margin-top: auto;
}

.pipeTL img {
  float: right;
  position: relative;
  left: 68px;
}

.pipeTR {
  flex: 22%;
  text-align: left;
  margin-top: auto;
}

.pipeTR img {
  float: left;
  position: relative;
  right: 68px;
}

.pipeBL {
  flex: 22%;
  text-align: right;
}

.pipeBR {
  flex: 22%;
  text-align: left;
}

.flexOuterLeft {
  flex: 22%;
  text-align: right;
  padding-right: 2px;
}

.flexOuterRight {
  flex: 22%;
  text-align: left;
  padding-left: 2px;
}

.birdTube {
  text-align: center;
  background: url(images/birdTubeBG.png);
  height: 100%;
  vertical-align: middle;
}

.birdTube1 {
  width: 64px;
  height: 100%;
  background: url(images/birdTubeBG.png);
  float: right;
  position: relative;
  --animation-speed: 5s;
  --bird-image: url(images/pidgfly.gif);
}

.birdTube1::after {
  content: " ";
  background: var(--bird-image);
  background-repeat: repeat-y;
  z-index: 1;
  width: 64px;
  height: 100%;
  position: absolute;
  left: 0px;
  animation: Tube-anim1 var(--animation-speed) linear infinite;  
}

.birdTube2 {
  width: 64px;
  height: 100%;
  background: url(images/birdTubeBG.png);
  float: left;
  position: relative;
  --animation-speed: 5s;
  --bird-image: url(images/pidgfly.gif);
}

.birdTube2::after {
  content: " ";
  background: var(--bird-image);
  background-repeat: repeat-y;
  z-index: 1;
  width: 64px;
  height: 100%;
  position: absolute;
  left: 0px;
  animation: Tube-anim2 var(--animation-speed) linear infinite;  
}

@keyframes Tube-anim1 {
  0% {
        background-position: center 0;
    }
    100% {
        background-position: center -400px;
    }
}

@keyframes Tube-anim2 {
  0% {
        background-position: center 0;
    }
    100% {
        background-position: center 400px;
    }
}

/* ----------------- BEGIN SIDEBAR ----------------- */


.leftNav {
  float: left;
  width: 128px;
  height: 100%;
  background: #00506c;
  display: grid;
  grid-template-rows: 203px 128px 128px auto 96px;
}

/* NAV LINKS */

.navLinksContainer {
  text-align: center;
  display: grid;
  grid-template-rows: 28px 28px 28px 28px 28px 28px 28px;
  background: url(images/navLinksBG.png);
  padding-top: 3px;
}

.navLinksContainer a {
  color: #00152a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(images/navLinkUp.png);
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.navLinksContainer a:hover {
  color: #CCDDEE;
  text-decoration: none;
  background: url(images/navLinkHover.png);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  text-shadow: 0 0 3px #7CC;
}

.navLinksContainer a:active {
  color: #48acdf;
  text-decoration: none;
  background: url(images/navLinkDown.png);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  text-shadow: none;
}

/* TIME MACHINE */

.timeMachineContainer {
  text-align: center;
  background: url(images/TMbg.png);
  display: grid;
  grid-template-rows: 32px 22px auto;
}

.TMhead {
  padding-top: 10px;
  justify-content: center;
}

.TMselect {
  display: grid;
  justify-content: center;
}

#TimeMachineSelect {
  background: #000;
  color: #0F0;
  font-family: 'DogicaPixelBold';
  letter-spacing: -1px;
  font-size: 8px;
  line-height: 8px;
  height: 22px;
  border: none;
  width: 114px;
  cursor: url('https://birdtooth.studio/images/featherPointer2.png'), pointer;
}

.TMbutton {
  display: grid;
  background: url(images/TMsides.gif);
  background-repeat: no-repeat;
  background-position: center 5px;
  justify-content: center;
  padding-top: 9px;
}

#TimeMachineButton {
  background: url(images/TMbuttonUp.png);
  display: grid;
  justify-content: center;
  color: #FB99;
  font-family: 'DogicaPixelBold';
  letter-spacing: -2px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  height: 48px;
  width: 48px;
  padding-top: 14px;
  padding-right: 7px;
  cursor: url('https://birdtooth.studio/images/featherPointer2.png'), pointer;
}

#TimeMachineButton:hover {
  background: url(images/TMbuttonHover.png);
  display: grid;
  justify-content: center;
  color: #FFF;
  font-family: 'DogicaPixelBold';
  letter-spacing: -2px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  height: 48px;
  width: 48px;
  padding-top: 14px;
  padding-right: 7px;
  cursor: url('https://birdtooth.studio/images/featherPointer2.png'), pointer;
  text-shadow: 0 0 3px #F99;
}

#TimeMachineButton:active {
  background: url(images/TMbuttonDown.png);
  display: grid;
  justify-content: center;
  color: #FB99;
  font-family: 'DogicaPixelBold';
  letter-spacing: -2px;
  font-size: 16px;
  line-height: 16px;
  border: none;
  height: 48px;
  width: 48px;
  padding-top: 16px;
  padding-right: 7px;
  cursor: url('https://birdtooth.studio/images/featherPointer2.png'), pointer;
}

/* TRANSPORTER */

.transportContainer {
  height: 128px;
  width: 128px;
  background: url(images/TPbg.png);
  display: grid;
  grid-template-rows: 30px 72px auto;
  text-align: center;
}

.TPhead {
  padding-top: 10px;
  justify-content: center;
}

.TPbody {
  padding: 0px 10px 0px 10px;
}

.TPicons {
  background: url(images/TPiconBG.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 106px;
  height: 72px;
  display: grid;
  grid-template-rows: 36px 36px;
  grid-template-columns: 36px 36px 36px;
  
}

.TPiconBox {
  display: grid;
}

.TPicons a:hover {
  text-decoration: none;
}

.TPicons a img {
  display: grid;
  justify-content: center;
  margin: 1px;
}

.TPicons a span {
  font-family: 'DogicaPixelRegular';
  height: 16px;
  color: #0F0;
  line-height: 8px;
  text-decoration: none;
  display: none;
}

#TP-tree:hover span {
  display: block;
  position: relative;
  text-decoration: none;
  top: 43px;
  left: 4px;
}

#TP-pet:hover span {
  display: block;
  text-decoration: none;
  position: relative;
  top: 43px;
  left: -32px;
}

#TP-wizard:hover span {
  display: block;
  text-decoration: none;
  position: relative;
  top: 43px;
  left: -68px;
}

#TP-camera:hover span {
  display: block;
  text-decoration: none;
  position: relative;
  top: 7px;
  left: -4px;
}

#TP-dragon:hover span {
  display: block;
  text-decoration: none;
  position: relative;
  top: 7px;
  left: -33px;
}

#TP-mystery:hover span {
  display: block;
  text-decoration: none;
  position: relative;
  top: 7px;
  left: -68px;
}

.TPname {
  background: url(images/TPnameBG.png);
  background-repeat: no-repeat;
  background-position: center 4px;
}

/* SIDE SPACER */

.sideSpacerContainer {
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.sideSpacer {
  background: url(images/sideSpacer.png);
  background-repeat: repeat-y;
  background-position: center;
  width: 300px;
  height: 100%;
  min-height: 32px;
  box-shadow: inset 0 0 15px #000;
}

/* GUEST BOOK */

.sideBottomContainer {
  background: url(images/sideBottomBG.png);
  display: grid;
  grid-template-rows: 32px 64px;
}

.guestBookContainer {
  text-align: center;
  padding-top: 5px;
  padding-left: 10px;
}

.guestBookContainer a {
  background: url(images/guestButtonUp.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 23px;
  width: 108px;
  color: #00152a;
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  line-height: 13px;
  padding-top: 9px;
}

.guestBookContainer a img {
  padding-right: 3px;
}

.guestBookContainer a:hover {
  text-decoration: none;
  color: #CCDDEE;
  text-shadow: 0 0 3px #7CC;
}

.guestBookContainer a:active {
  background: url(images/guestButtonDown.png);
  background-repeat: no-repeat;
  background-position: center;
  text-decoration: none;
  color: #48acdf;
}

/* HIT COUNTER */

.hitCounterContainer {
  display: grid;
  grid-template-columns: 78px 50px;
  text-align: center 4px;
}

.hitScouter {
  display: grid;
}

.hitScouter:hover, .hitScouter:active, .hitCounter:hover, .hitCounter:active {
  cursor: url('https://birdtooth.studio/images/featherPointer2.png'), pointer;
}

.hitScouter img {
 margin-left: 10px;
 margin-top: 5px;
}

.hitCounter {
  color: #00FF00; 
  padding-right: 12px;
  padding-top: 20px;
  line-height: 10px;
  text-align: center;
}

/* ----------------- BEGIN CONTENT AREA ----------------- */

.flexCenter {
  background: #141923;
  width: 960px;
}

.topBorder {
  height: 4px;
  width: 100%;
  background: url(images/topBorder.png) no-repeat;
}

.contentContainer {
  width: 828px;
  height: 100%;
  max-height: 680px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #48acdf #0000;
  scrollbar-width: thin;
  box-shadow: inset 0 0 15px #000;
  display: inline-block;
  
}

.content {
  float: left;
  width: 796px;
  text-align: center;
  vertical-align: top;
  overflow: auto;
  margin: 16px;
}

.rightBorder {
  float: right;
  width: 4px;
  height: 100%;
  background: url(images/rightBorder.png) repeat-y;
}

.inlineImg {
  float: left;
  margin-right: 20px;
}

.inlineText {
  display: flow-root;
  text-align: left;
}

.myLinks {
  line-height: 16px;
  padding-top: 5px;
  display: block;
}

.myLinks img {
  position: relative;
  top: 4px;
  padding-right: 2px;
  padding-top: 2px;
}

.myStats {
  line-height: 16px;
}

.boxText {
  display: block;
  float: right;
  width: 500px;
  text-align: justify;
  padding-right: 15px;
}

.logEntry {
  padding-bottom: 24px;
}

.logImage {
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

/* ----- */

b, h1, h2 {
  font-family: 'DogicaPixelBold';
}

.boldBlue {
  color: #425981;
}

h1 {
  font-size: 24px;
  text-shadow: 0px 0px 5px #1b8aa7, 0px 0px 2px #1b8aa7;
  letter-spacing: -2px;
  color: #fff;
}

h2 {
  line-height: 16px;
  font-size: 16px;
  letter-spacing: -2px;
  color: #aef;
  width: 96%;
  border: 1px solid #1b85b4;
  padding: 8px 4px 8px 8px;
  border-radius: 2px 16px 16px 2px;
  box-shadow: 0 2px 0 #acc1f2 inset, -2px 0 0 #767fbe inset, 0 2px #065579, 0 0 10px #0009;
  background: url(images/footer.png);
  background-position: -20px -20px;
  text-shadow: 0 0 5px #082848;
}

h3 {
  line-height: 16px;
  font-size: 16px;
  letter-spacing: -2px;
  color: #0f0;
  width: 96%;
  border: 1px solid #156c;
  padding: 6px 4px 8px 6px;
  box-shadow: -1px -1px 0 #48acdf, 1px 1px 0 #425981, 1px -1px 0 #48acdf, -1px 1px 0 #425981, 0 0 15px #000;
  background: #000;
}

h4 {
  line-height: 16px;
  font-size: 16px;
  color: #425981;
  padding: 0px;
  display: inline;
  position: relative;
  top: 2px;
}

/* ----- */

details summary {
  list-style: url(../images/detailsUp.png) inside;
  padding-bottom: 10px;
}

details[open] summary {
  list-style: url(../images/detailsDown.png) inside;
  padding-bottom: 10px;
}

details summary h4 {
  position: relative;
  top: 1px;
}

details img {
  display: none;
}

details[open] img {
  display: inline;
}

.moodContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: -10px;
  padding-right: 300px;
}

#emote {
  display: block;
}

#feeling {
  display: block;
  text-transform: uppercase;
}

#quizResults {
  display: inline-block;
}

.galleryBlurb {
  display: block;
  padding-top: 6px;
}

.archDetails {
  margin-bottom: 10px;
  background-color: #08f1;
  padding: 2px;
  border-radius: 3px;
}

details.archDetails summary {
  list-style: none !important;
  text-align: left;
  font-family: 'DogicaPixelBold';
  padding-bottom: 0px !important;
  border-bottom: 1px dotted #08f8;
}

details.archDetails iframe {
  padding: 4px;
}

.artArchiveContainer {
  display: grid;
  grid-template-columns: 330px 330px;
}

.artArchive {
  display: grid;
  grid-auto-rows: max-content;
  margin-right: 10px;
  text-align: center;
}

.artArchiveImg {
  max-width: 320px;
}

.artGallery {
  width: 650px;
  text-align: center;
}

.artGalleryImg {
  max-width: 560px;
  padding: 4px;
}

.quizTitle {
  text-align: center;
  width: 500px;
  display: block;
}

.quizEntry {
  display: block;
  float: left;
  width: 480px;
  text-align: center;
  margin-left: 25px;
  margin-bottom:16px;
  border-bottom: 1px dotted #08f8;
}

.quizEntry p {
  text-align: justify;
}

.quizImg {
  max-height: 360px;
  max-width: 360px;
}

/* ----- */

.shrineIcon {
  height: 150px;
  width: 150px;
  border-radius: 12px 0px 12px 0px;
  background: linear-gradient(#0e0a33, #00537bc2, #00a6a6a1, #67ffaae6);
  box-shadow: 0px 0px 1px #005873 inset, 0px 0px 1px #000 inset, 0px 0px 1px #000 inset, 0px 4px 6px #000c;
  border: 2px outset #006b91;
  box-sizing: border-box;
  mix-blend-mode: hard-light;
}

.shrineLink {
  height: 150px;
  width: 150px;
  display: inline-grid;
  margin: 6px;
  border-radius: 12px 0px 12px 0px;
  background: url(images/glow2.png);
  animation: ShrineIcon-anim1 7s linear infinite;  
}

@keyframes ShrineIcon-anim1 {
  0% {
        background-position: center 0;
    }
    100% {
        background-position: center -150px;
    }
}


.shrineIcon:hover {
  background: #c0f0fff0;
  box-shadow: 0px 0px 5px #1b8aa7, 0px 0px 2px #1b8aa7,0px 0px 12px #1b8aa7 inset;
}

/* ----------------- BEGIN SOUND EFFECTS ----------------- */

a#AmGen1 {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/cry.wav');
  --audio-volume: 20%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#AmGen1:active {
  --audio-state: playing;
}

/* ----- */

a#PipeTL {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Do.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#PipeTL:active {
  --audio-state: playing;
}

a#PipeTR {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Do.wav');
  --audio-volume: 100%;
}

a#PipeTR:active {
  --audio-state: playing;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#PipeBL {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/doO.wav');
  --audio-volume: 100%;
}

a#PipeBL:active {
  --audio-state: playing;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#PipeBR {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/DOOoo.wav');
  --audio-volume: 100%;
}

a#PipeBR:active {
  --audio-state: playing;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

/* ----- */

a.navLink {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Click.wav');
  --audio-volume: 90%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a.navLink:active {
  --audio-state: playing;
}

button#TimeMachineButton {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/bigClick.wav');
  --audio-volume: 30%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

button#TimeMachineButton:active {
  --audio-state: playing;
}

div.hitScouter {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/scouter.wav');
  --audio-volume: 30%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

div.hitScouter:active {
  --audio-state: playing;
}

div.hitCounter {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/over9000.mp3');
  --audio-volume: 70%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

div.hitCounter:active {
  --audio-state: playing;
}


/* ----- */

a#TP-tree {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-tree:active {
  --audio-state: playing;
}

a#TP-pet {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-pet:active {
  --audio-state: playing;
}

a#TP-wizard {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-wizard:active {
  --audio-state: playing;
}

a#TP-camera {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-camera:active {
  --audio-state: playing;
}

a#TP-dragon {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-dragon:active {
  --audio-state: playing;
}

a#TP-mystery {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/Po.wav');
  --audio-volume: 100%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a#TP-mystery:active {
  --audio-state: playing;
}

/* ----- */

a.shrineLink {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/RIGOL8.wav');
  --audio-volume: 90%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
  --audio-hold-navigation: finished;
}

a.shrineLink:active {
  --audio-state: playing;
}

/* ----- */

a#ftLight1 {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/pinball_02.wav');
  --audio-volume: 30%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#ftLight1:active {
  --audio-state: playing;
}

a#ftLight2 {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/pinball_13.wav');
  --audio-volume: 30%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#ftLight2:active {
  --audio-state: playing;
}

a#ftLight3 {
  --audio-src: url('https://time-travelling-birb.neocities.org/audio/pinball_28.wav');
  --audio-volume: 30%;
  --audio-loop: infinite;
  --audio-ontrigger: multi;
}

a#ftLight3:active {
  --audio-state: playing;
}