@font-face{
    font-family: 'rainy hearts';
    src: url(https://shycat.neocities.org/fonts/rainyhearts.ttf); format("truetype");
    }
  
  
   @font-face{
    font-family: 'lovely';
    src: url(https://shycat.neocities.org/fonts/lovely.ttf); format("truetype");
    }
  
     
   @font-face{
    font-family: 'MS Gothic';
    src: url(https://shycat.neocities.org/fonts/MSGothic.ttf); format("truetype");
    }
    
   @font-face{
    font-family: 'basiic';
    src: url(https://shycat.neocities.org/fonts/basiic.ttf); format("truetype");
    }
  
     @font-face{
    font-family: 'cheeky rabbit';
    src: url(https://shycat.neocities.org/fonts/cheekyrabbit.ttf); format("truetype");
    }
    
/* -------------------------------
   link styles
---------------------------------*/

/* all links with tooltip */
#linkz, #linkzinho, #linkzinhoo, #linkzinhoinho,
#linkbjinho, #links, #aroma {
    text-decoration: none;               /* remove default underline */
    border-bottom: 1px dotted #FFE0EF;  /* set underline color to #FFE0EF */
    color: inherit;                      /* keep font color */
    user-select: none;                   /* prevent text highlight on hover */
    cursor: url(https://shycat.neocities.org/img/key2.png), pointer; /* custom cursor */
}

/* Profile links (optional classes for color) */
.profile-link {
    text-decoration: none;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px dotted #FFE0EF; /* underline color matches all links */
    font-family: basiic;
    font-size: 10px;
    transition: all 0.15s ease;
}

/* Individual colors (for text) */
.color1 { color: #FFC4D9; }
.color2 { color: #D9D9D9; }
.color3 { color: #D9D9D9; }

/* Hover effects for links */
.profile-link:hover {
    cursor: url('/img/key2.png'), pointer;
    border-radius: 2px;
    /* background-color removed to prevent highlight */
}

/* -------------------------------
   tooltip styles
---------------------------------*/
.tooltip {
    display: inline;
    position: relative;
}

#s-m-t-tooltip {
    position: absolute;
    display: none;
    pointer-events: none;
    max-width: 300px;
    padding: 4px 6px;
    margin: 0;
    background: #FEF8FC;
    border: 1px dotted #AAAAAA;
    font-family: basiic, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    color: #848484;
    z-index: 99999;
    white-space: nowrap;
    border-radius: 2px;
}

/* -------------------------------
   spoiler areas (closed state)
---------------------------------*/
.spoiler-area.is-closed,
.spoiler-area2.is-closed2,
.spoiler-area3.is-closed3 {
    height: 0;
    overflow: hidden;
    padding: 10px 0 0;
}



  

  #base {
   position: absolute;
   left: 13%;
   top: 10%;
   overflow-y:hidden;
   overflow-x:hidden;  
  
  
  
  }
  
   #menu1 {
   position: absolute;
   left: %;
   top: 28%;
   width: 130px;
   height: 250px;
   overflow-y:hidden;
   overflow-x:hidden;
   z-index: 2;
 
  }
  
  #menu1-2 {
   position: absolute;
   left: %;
   top: 70%;
   width: 130px;
   height: 250px;
   overflow-y:hidden;
   overflow-x:hidden;
   z-index: 2;
 
  }

  #menu2 {
   position: absolute;
   left: 23%;
   top: 0.3%;
   width: 560px;
   height: 35px;
   overflow-y:hidden;
   overflow-x:hidden;
   z-index: 4;
  
  }

  #menu3 {
   position: absolute;
   left: 85%;
   top: 47%;
   width: 130px;
   height: 250px;
   overflow-y:hidden;
   overflow-x:hidden;
   z-index: 2;
  
  }
  
  #menu5 {
   position: absolute;
   left: 84.5%;
   top: 71%;
   width: 130px;
   height: 250px;
   overflow-y:hidden;
   overflow-x:hidden;
   z-index: 2;
  
  }
  
  #stuff {
   position: absolute;
   left: 18.5%;
   top: 10.5%;
   width: 594px;
   height: 433px;
   overflow-x:hidden;
   z-index: 6;
  
  }
  
   #buru {
   position: absolute;
   left: 46.5%;
   top: 96%;
   width: 100px;
   height: 100px;
   overflow-x:hidden;
   z-index: 3;
 
  }

  .bars {
   background-color: #FEF8FC;
   padding: 4px;
   width: 98%;
   border-top: 1px dotted #FFE0EF;
   border-right: 1px dotted #D09BBB;
   border-left: 1px dotted #D09BBB;
   border-bottom: 1px dotted #D09BBB;
   font-family: basiic;
   font-size: 9pt;
   font-weight: 600;
   padding-bottom: 2px;
   margin-bottom: -10px;
  
  }
  
  .bars {
   background-color: #FEF8FC;
   padding: 4px;
   width: 98%;
   border-top: 1px dotted #FFE0EF;
   border-right: 1px dotted #FFE0EF;
   border-left: 1px dotted #FFE0EF;
   border-bottom: 1px dotted #FFE0EF;
   font-family: basiic;
   font-size: 9pt;
   font-weight: 600;
   padding-bottom: 2px;
   margin-bottom: -10px;
  
  }
  
  
  #title-text {
   font-family: rainy hearts;
   font-size: 15px;
   color: #848484;

  }
  
  .zoom {
  transition: transform .2s; /* Animation */
 
  }

  .zoom:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
  
  }
  
html {
  cursor:url(/img/key.png),auto;}   
  a, a:hover, .modal, .modal:hover {cursor:url(/img/key2.png), pointer;}