/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  
  font-size: 150%; 
  z-index: 1;
  /*text-shadow: 0 0 5px white;*/
   text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
  align-content: center;
  display: grid;
  text-align: center;
  justify-items: center;
  justify-content: center; /* Centers content horizontally */
  align-items: center;  /* Centers content vertically */
  min-height: 0vh;      /* Ensures body takes full viewport height */
  margin: 0;              /* Removes default body margin */
  background-color: black;
  color: white;
  font-family: "Topaz a500a1000a2000";
  cursor: url('amiga_wb2_normal.png'), auto;
   animation-duration: 0.01s;
   animation-name: textflicker;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

a:link {
  color: cyan; /* Sets the color to blue for unvisited links */
  /*text-shadow: 0 0 5px cyan;*/
   cursor: url('amiga_wb2_link.png'), pointer;
   
}
   @font-face {
    font-family: 'Topaz a500a1000a2000';
    src: url('Topaza500a1000a2000.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-smooth: never;
    font-display: swap;
}


        
li {
  margin: 10px 0;
  list-style-type: square;
}
.album-list
{
  transform: scale(0.5);
  display: flex;
  
}

.link-style {
    position: relative;
    top: 10px;
    font-size: 2em;
}

.album-cover-select
{
  
  margin: -213px 10px;
  
}
  
.backcatalog
{
  display: table;
  position: fixed;
   top: 30%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  margin: 9 auto;
  align-content: center;
  display: grid;
  text-align: center;
  justify-items: center;
  justify-content: center; /* Centers content horizontally */
  align-items: center;  /* 
}

@keyframes textflicker {
    from {
      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
    }
    to {
      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
    }
}

iframe
{
  /*box-shadow: 0px 0px 50px #67606b;*/
  cursor: url('amiga_wb2_link.png'), pointer;
}

/*.latest{*/
/*  background-color: rgba(0, 0, 0, 0.5);*/
/*}*/
.data3
{
  position: fixed; /* Positions the text relative to the container */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg); /* Centers and rotates the text */
  font-size: 1em;
  color: rgba(0, 0, 0, 0.1); /* Semi-transparent color for a watermark effect */
  z-index: -1; /* Places the text behind other content */
  width: 100%;
  color: white;
  opacity: 0.5;
}