* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
      overflow: auto;
      font-family: 'XanhMono-Regular.ttf', monospace;
     
background-color: #1f1f1f;
  background-image: url('cores.svg');
  background-repeat: repeat;

     
    }
 
    h1 {
    font-family: "Gracheva";
      src: url("Gracheva.otf") format("otf");  
      color: #FFC9E3;
      text-align: left;      
      margin-top: 1vh;
      font-size: 2rem;
     }
    
    .xanh-mono-regular {
    font-family: "Xanh Mono", monospace;
    src: url("XanhMono-Regular.ttf") format("ttf");
    color: #00000;
    text-align: left;    
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
   }
   
   .xanh-mono-regular-italic {
      font-family: "Xanh Mono", monospace;
      font-weight: 400;
     font-style: italic;
    }
    
  .titulopost {
    font-family: "Gracheva";
    src: url("Gracheva.otf") format("otf");
    color: #EF769C;
    text-align: left;
    margin-top: 1vh;
    font-size: 2rem;
  }
  

  .bgcard{
  background: linear-gradient(#FF1457, #CF9AFF, #C0E2FF);
  }
  
/* 1. Cursor normal para o site todo */
body {
  cursor: url('cursor-normal.png') 16 16, auto;
}

/* 2. Cursor diferente ao passar por links ou botões */
a, button {
  cursor: url('cursor-click.png') 16 16, pointer;
}

.glitter {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff8fc, #ffdefd, transparent);
  box-shadow: 0 0 6px rgba(255, 200, 255, 0.6);
  pointer-events: none;
  animation: glitterFade 0.8s ease-out forwards;
  z-index: 9999;
  transform: translate(-50%, -50%);
}

@keyframes glitterFade {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.8);
  }
}

.star-glitter {
  position: absolute;
  font-size: 20px;
  color: #ffd1fa; /* rosa claro */
  opacity: 1;
  pointer-events: none;
  transform: translate(-50%, -50%);
  animation: starFade 0.8s ease-out forwards;
  z-index: 9999;
}

@keyframes starFade {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  
  
  100% {
    opacity: 0;
    color: #EB4A4F;
    transform: translate(-50%, -50%) scale(1.8) translateY(25px);
  }
}

.transp-05 {
    opacity: 0.5; /* Define a opacidade para 50% */
  }
  .transp-02 {
    opacity: 0.2; /* Define a opacidade para 20% */
  }
  .transp-01 {
    opacity: 0.1; /* Define a opacidade para 20% */
  }
  
  .header {
  color: #fffff7;
  width: 100%;
  height: auto;
    }

 .main {
        min-width: 75%; /* Example: minimum width of 250 pixels */
        /* Other card styles like background, padding, border, etc. */
        background-color: #fffff7;
        padding: 20px;
        border-radius: 0px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border-color: #5FC886 #4670E8 #FF8067 #FFE68C;
        border-style: solid;
        border-width: 10px;

    }