@font-face {
font-family: "Peach Sundress";
src: url("files/peach-sundress.ttf");

}

@font-face {
font-family: "peacechild";
src: url("files/Alexis Marie.ttf");
}

a, marquee{
 color: #D2DCDE; 
}

a{
text-decoration: none;
}

a:hover{
 color: #4B6A6D; 
}

body{
 font-family: peacechild;
  font-size: 26px;
    color: #636363;
    
    background-color: #000;
}

#stuff{  margin: auto;
  width: 1070px;
  height:870px;
  border: 3px solid teal;
    
}


#containerBODY{
    position:absolute;
    margin-top:30px;
    z-index:100;
}
.buttonsBODY{
    position:absolute;
    z-index:1001;
    margin-top:770px;
margin-left:200px;
    
}

#containerEYE{
    position:absolute;
    margin-top:30px;
    z-index:200;
}
.buttonsEYE{
    position:absolute;
    z-index:1001;
    margin-top:350px;
margin-left:450px;
    
}

#containerFACE{
    position:absolute;
    margin-top:30px;
    z-index:109;
}
.buttonsFACE{
    position:absolute;
    z-index:1001;
    margin-top:450px;
margin-left:450px;
    
}

#containerHAIR{
    position:absolute;
    margin-top:30px;
    z-index:300;
}
.buttonsHAIR{
    position:absolute;
    z-index:3001;
    margin-top:650px;
margin-left:450px;
    
}

#containerMOUTH{
    position:absolute;
    margin-top:30px;
    z-index:250;
}
.buttonsMOUTH{
    position:absolute;
    z-index:2501;
    margin-top:550px;
margin-left:450px;
    
}


#containerACC{
    position:absolute;
    margin-top:30px;
    z-index:999;
}
.buttonsACC{
    position:absolute;
    z-index:2501;
    margin-top:750px;
margin-left:850px;
    
}

#containerBROW{
    position:absolute;
    margin-top:30px;
    z-index:600;
}
.buttonsBROW{
    position:absolute;
    z-index:2501;
    margin-top:250px;
margin-left:450px;
}
#containerEAR{
    position:absolute;
    margin-top:30px;
    z-index:299;
}
.buttonsEAR{
    position:absolute;
    z-index:2501;
    margin-top:150px;
margin-left:450px;
}

#containerTAIL{
    position:absolute;
    margin-top:30px;
    z-index:100;
}
.buttonsTAIL{
    position:absolute;
    z-index:2501;
    margin-top:150px;
margin-left:650px;
}


#containerCL1{
    position:absolute;
    margin-top:30px;
    z-index:111;
}
.buttonsCL1{
    position:absolute;
    z-index:2501;
    margin-top:250px;
margin-left:650px;
}

#containerCL2{
    position:absolute;
    margin-top:30px;
    z-index:602;
}
.buttonsCL2{
    position:absolute;
    z-index:2501;
    margin-top:280px;
margin-left:650px;
}

#containerBL{
    position:absolute;
    margin-top:30px;
    z-index:198;
}
.buttonsBL{
    position:absolute;
    z-index:2501;
    margin-top:400px;
margin-left:650px;
}
#hide {
  display: block;
}

#hide:target{
  display: none;
}

/* main cursor */ * {
   cursor:url(https://thesardinecan.neocities.org/img/fish_bone.png), auto;
}
/* hover cursor */
a:hover {
   cursor:url(https://thesardinecan.neocities.org/img/fish_bone.png), pointer;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}