html {
font-family: "comic sans ms";
font-size: 12px;
line-height: 27px;
word-wrap: break-word;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: url('https://feaerie.neocities.org/ch/pizza-cursor.ico'), auto;
}


body {
height: 1080px;
margin: 93px;
display: flex;
justify-content: center;
background: url("https://feaerie.neocities.org/ch/back%20(10).gif");
background-color: #1f1f1fff;
background-repeat: repeat;
background-size: 292px;
z-index: -1;
}

::selection {
    background-color: #ffe6e6; 
    color: #000000; 
}
    
.background-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
    }
        
.border-top,
.border-bottom {
  background-image: url('https://feaerie.neocities.org/images/sticker/sprinkles1.png'), url('https://feaerie.neocities.org/ch/whippedcream2.png');
  background-repeat: repeat-x, repeat-x;
  background-size: contain, contain;
  height: 44px;
  width: 100%;
}

.border-top {
  position: fixed;
  top: 0;
}
.border-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url('https://feaerie.neocities.org/ch/whippedcream2.png');
  background-repeat: repeat-x;
  background-size: contain;
  z-index: -1;
}

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

::-webkit-scrollbar-track {
  background: url('https://feaerie.neocities.org/ch/back-(1)2.gif');
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: #ffeeee;
  border-radius: 8px;
}

.container {
  position: fixed;
  left: 555px;
  padding: 96px 20px 30px 30px;
  width: 580px;
  max-width: 600px;
  max-height: 650px;
  text-align: center;
  background-color: white;
  border: 3px dashed #ffe7f2fc;
  border-radius: 5px;
  overflow: auto;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;

  background-image: url('https://feaerie.neocities.org/ch/toldo.png');
  background-repeat: repeat-x;
  background-position: top center;
  background-size: auto 132px;
}
    
.insidecontainer {
position: relative;
height: 531px;
width: 620px;
text-align: center; 
overflow: scroll;
}
      
    .menulinks {
    position: relative;
    width: 185px;
    overflow-x: hidden;
    overflow-y: visible;
    text-align: center;
    font-size: 15px;
    float: right;
    line-height: 14px;
    left: -22px;
    padding-left: 49px;
    }      
    
  .menulinks a {
  color: #ffcace;
  text-decoration: none;
  display: block;
  padding: 2px 0;
}

.menulinks a:hover {
  text-decoration: underline;
  color: #ffbe7c;
}
    
 .stampcontainer {
  position: fixed;
  left: 1204px;
  max-width: 151px;
  height: 715px;
  text-align: center;
  background-color: white;
  border: 3px dashed #ffe7f2fc;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;  
  z-index: -1;
 }

      .stamps {
  margin: 1px;
  width: 60%;
  text-align: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;      
 } 
      
 .stamps img {
  max-width: 105%;
  height: auto;
  display: block;
}

      
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spin1 { animation: spin 4s linear infinite; }
.spin2 { animation: spin 6s linear infinite reverse; }
.spin3 { animation: spin 8s linear infinite; }
    
    .star1, .star2, .star3, .star4 {
   position: fixed;
    z-index: 999;
 }
      
    .star1 { left: 1315px; top: 41px; }
    .star2 { left: 1751px; top: 401px; }
    .star3 { left: 351px; top: 374px; }
    .star4 { left: -25px; top: 26px; }

      .sticker1, .sticker2, .sticker3, .sticker4, .sticker5, .sticker6, .sticker7, .sticker8, .sticker9 {
        position: fixed;
        z-index: 999;
      }     
      
    .sticker1 { left: 1403px; top: 485px; }
    .sticker2 { left: 276px; top: 572px; }
    .sticker3 { left: 178px; top: 604px; }
    .sticker4 { left: 41px; top: 431px; }
    .sticker5 { left: 1410px; top: 335px; }
    .sticker6 { left: 1066px; top: 740px; }
    .sticker7 { left: 555px; top: 694px; }
    .sticker8 { left: 365px; top: 35px; }
    .sticker9 { left: 1687px; top: 675px; }
    
    .sticker1 img {width: 345px; }
    .sticker2 img {width: 199px; }
    .sticker3 img {width: 81px; }
    .sticker4 img {width: 129px; }
    .sticker5 img {width: 82px; }
    .sticker6 img {width: 190px; }
    .sticker7 img {width: 125px; }
    .sticker8 img {width: 197px; }
    .sticker9 img {width: 209px; }
  
    .pet {
      position: fixed;
      left: 1562px;
      top: 106px;
      z-index: 999;
    }
    

.doodlebutton {
  background: linear-gradient(to bottom, #ff8eb5 0%, #ff5f9c 100%);
  border: none;
  color: white;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow: 0 4px 0 #de1341, 0 6px 12px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
  cursor: pointer;
  transition: all 0.2s ease;
  position: absolute;
  overflow: hidden;
}
.doodlebutton:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 0 #de1341, 0 6px 12px rgba(0, 0, 0, 0.2);
  
}
    
@keyframes shake {
  0% { transform: translateY(0); }
  25% { transform: translateY(-4px); }
  50% { transform: translateY(1px); }
  75% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

.shake-text-wrapper {
  display: inline-block;
}

.shake-text {
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0px;
}

.shake-text span {
  display: inline-block;
  animation: shake 3s ease infinite;
}

.shake-text span:nth-child(1) {
  animation-delay: 0s;
}
.shake-text span:nth-child(2) {
  animation-delay: 0.1s;
}
.shake-text span:nth-child(3) {
  animation-delay: 0.2s;
}
    
     .text-border {
    font-size: 12px;
    font-weight: bold;
    text-shadow: 
      1px 1px 0px #282626, 
      -1px -1px 0px #282626, 
      1px -1px 0px #282626,
      -1px 1px 0px #282626;
  }
    
#popup-box {
    display: none;
    position: fixed;
    top: 352px;
    left: 603px;
    width: 494px;
    background: white;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 99999;
}

#popup-box img {
    max-width: 115px;
    max-height: 115px;
}

#close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
    
 ul.linkgifs {
    list-style-image: url("https://feaerie.neocities.org/ch/fun%20(26).gif");
    padding-left: 33px;
    }
    
.linkgifs li:last-child {
    border-bottom: none; 
}
    
    .drawhere {
      position: fixed;
      left: 186px;
      top: 91px;
      width: 200px;
      z-index: -1000;
      font-size: 19px;
    }

#alicopop {
    display: none;
position: fixed;
top: 259px;
left: 1248px;
width: 244px;

background: url(https://feaerie.neocities.org/ch/pastel%20stars.png);
background-size: 222px;
background-repeat: repeat;
background-position: top left;

padding: 22px;
border-radius: 12px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
text-align: center;
z-index: 99999;
}

#alicopop img {
    max-width: 245px;
    max-height: 200px;
}

#alicoclose {
    position: absolute;
    top: -2px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.alicotexto {
  position: fixed;
  left: 1452px;
  top: 201px;
  width: 59px;
  z-index: 99999;
}

.alicotexto a {
  color: #baa5daff;
}