/* 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." */
   
   .MyGradientClass

{

 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #000000 0%, #808080 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #000000 0%, #808080 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #000000 0%, #808080 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #808080));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #000000 0%, #808080 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #000000 0%, #808080 100%);

}

a:link   { 
    color:#488DFF
    }
a:visited {
    color:#FFA36A
    }
sub {
  vertical-align: sub;
  font-size: 8px;
}
    
.dotted {border-style: dotted;}
.dashed {border-style: dashed;}
.solid {border-style: solid;}
.double {border-style: double;}
.groove {border-style: groove;}
.ridge {border-style: ridge;}
.inset {border-style: inset;}
.outset {border-style: outset;}
.none {border-style: none;}
.hidden {border-style: hidden;}
.mix {border-style: dotted dashed solid double;}

body {
  font-family: Verdana;
  color: #FF7DB3;
	background-image: url(bg.png);
}    
.sidebar {
width: 100%;
border: 0px ridge;
border-color: #A381FB;
position: relative;
overflow: hidden;

}

.border {
border-style: solid;
border-color: #A381FB;
border-width: 2px;
text-align: left;
  padding-left:1%;
  padding-right:1%;
  background: rgba(31, 10, 41, 0.8)
}

.frost {
    color: #4BEF68;
    font-size: 133%;
    font-family: "Verdana";
    font-weight: bold
}

 /* Dashed border */
hr.dashed {
  border: 1px dashed #A381FB;
}

/* Dotted border */
hr.dotted {
  border: 1px dotted #A381FB;
}

/* Solid border */
hr.solid {
  border: 1px solid #A381FB;
}

/* Thick border */
hr.thick {
  border: 2px solid #A381FB;
}

/* Rounded border */
hr.rounded {
  border-top: 8px solid #A381FB;
  border-radius: 5px;
} 

.index {
  padding-left:12%;
  padding-right:12%;
}

.footer::before{
    font-size: 11px;
  color: #4BEF68;
content: "Copyright 2024-2026 ZeelaTunes - Created with NeoCities";
}