@keyframes rwdcur146848 {
  0%,49.9%,100% {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADbElEQVRYhe2WT2gcVRzHP2/ezCahW43451Dsbdmi1UW8uEVYFQ+KLIG6rRRsWYsNpZfSUwUJisWTehGEoDmEXiRoQqVsvarRQxCUkqJICCgxgpekhqRlZ9/MPA+bmbzZmd2ZLIgH/Z5+82bm/T7v9/u933vwv/5lCfOhXkL3ftBaRaSNm+/TxlWtOeUsXn03N8DiN5/rJ+/9C4BPv9c0z1UAaJSrzM3PAOBUHk9M0ChXExCq1pwK7SwIKzTee/1k5DxNjuXhtmVifGFlKRG50GmeCNjmQ+g8XL0poRVjL34UGwsOjMGN11hYWaJRrmozEnmcg5GCegm9sLIUvXA7o4wU2qjlW4xc/C5zopuXjvDO5Tf71oQpVWtqZ/GqgJ4ItNsC35dI6QEB7l17L0cZeqz0YM4v44oAWquIVytPRbkMCw9AffYK8qH7sZ6d7juRo7cznalaU/faEUC9hDadhmFXX5whWPsV0XEHRkOJYiZAGHYzBalzirYX2XK8SFB8GH9zY/DsIm+y4orVQLjPzVDbz0xjCRAa1m583IVyChx64Sx6dxzACbaAeDPrV5Dh6hMAptpnJij++BveT8sAaGOqwNf83urCHK6fB0CJg0C3L4Tq3Zpp6hs3bUt2nnsU+2iyJ7C7SGGZ/HE/avkWc/Mzqe09F8DY7DWKX/0MgH20gtDd1R6un0dIC8sSCLnXGR293V29hpnpm4N8xpQ4jMIQDtpypoKvL0S2+8cWtrtFsNOtB2nByZcnBzanWARaq4hGuZqTPUVOAW3vpcUPsn9JJTs98bx+/43jjI8fwPE2UOIeHL2Nsu8D349s27uNeuRppK0RQqM8B9tSNI4ciy1q3wCQfjcwtbCyhOdCsLaOHi0iDz2ALT08r0Bh/k8Ajr/1UiZAFK+wNYZ7NO3H3gPLHgFXdej4dzgox7tjdmeQv4SGal9iF+3DD75F+ncZ7WzSKFex5jaR8xtoR+I7Ntffvp4Zycyjs1e9Zwb2KHhtTp2Y5NqVL1P/GZSKfQOkQgCnTkxGdhpIP4ihAEII89mcvF5C54UYGiAPYD8I2AMeqgjNi0U/tVYRoTNTE5c/iV1kEwCq1pwyr9X9nA8DMbuzzumzT+B2CtHYviMQ9gnzTM8DMbuzTvNcBSkDrF9+iN7/YzXQq0FF+9/W30kRYgUL72loAAAAAElFTkSuQmCC) 2 1, auto;
    }
  50%,99.9% {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADhklEQVRYhd2XT2gcVRzHP2/ezCahW12peij2tmzRahAvbhGiIqiEJRDXimDLWmwp7UE8VSglxeJJvRQKweRQepGgCZGy7VWNHhYPEhP0EBaUWMFLYkNi2dk3M8/DZiYzmT+7WeOl39Pb33vv9/v+/rzf/BYeJKiRmt7rHfF/GLcWbqbq9c/5Z8zwZqVIzIN6E5EkD+/7CtVITWcZT0JweOG7r/RzD98D4IsfNbUzwwBUS2VmZqcBsIafiSmolsoBiX5g+ItP3jsRGE+CZTjYLRmTz600EiMXhhqpXU7bi6TAN+57H4bQiqHXr0dk3oEhuP0ucysNqqWy7icSwYVKET230gg27PYgA7kWammZgfd/6Kpo8YOjfHTxUiQdSZ5bCzc/Dv+ORKDVEriuREoH8LDvmzs56oKni4/FZL4xNVK7vNtwjEC9iXhn+Pkgl37hAagv30I+fgjjpclUApbe7JFqCoFKER026oddfX0Kb/U3RNvOjIYS+XRyKd4DyTpFywnWspDHyz+Bu76WYR4QvSYrikgN+O88HGrzxUkMAULD6u3PO6SsHIdfO43elgNY3gYQbWa9vAozbaN1aoz8T7/j/LIEgA6p8lzNH/UOmSOVcwAocRDo9AUfvTzN1LhpU7L18lOYx+I9gW0nhRHmH7WjlpaZmZ3u2qRSCQzdmCf/za8AmMeGEbrj7ZHKOYQ0MAyBkDud0dKbHe81TE8uZtmMIEI73IyynlwY3rfng7X95wamvYG31akHacCJN85m1kIkAvUmoloq98g9AVYObe6kxfW6X0lkdnLsFf3ph+MUCgewnDWUeAhLb6LMR8B1g7Xp/I168gWkqRFCoxwL01BUjx6POLVnApA8G4Qxt9LAscFbvYsezCMPP4opHRwnR272LwDGJ0a7Ekh9hkkXd3+wzAGwVZu2+w8HZaEjM9tZ9mLoq32JbWrXPvse6d5nsL1OtVTGmFlHzq6hLYlrmdy6cmvvzzBrsPSLtP3zMmppmQuvFtByIHJGOwKhXKRycKXJ/NU7mST2HIF6E/H2m2d3BE4rWI5PjDI+MRq7k0UiPDzEDmQNmLsVhmumUkTPX70Tu5NUlDED/Uy2aQTTSIQJ9/cN7QH1JiIpHWMXpyKDbIzAfnifRuLG1l1Onn4Wu53bLxO9oVJET01NadtraNtr6K3Fae1HYN+87YVE+Pd/+TPzYOFf+aBs6uh4aykAAAAASUVORK5CYII=) 2 1, auto;
  }
}

body {
  background-image: url(images/bga.gif);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
background-attachment: fixed;

  
  color: white;
  font-family: "Pirata One", system-ui;
  
  animation: rwdcur146848 0.43333333333333s linear infinite forwards;
}

h1 {
  text-align: center;
  font-size: 90px;
  color: #ff8fc7;
  font-family: Manufacturing Consent, system-ui;
  text-shadow: 
  2px 2px 0 black,
  0 0 15px #ff8fc7;
  }
  
a:hover {
  color: hotpink;
 }

h3 {
  position: relative;
  top: 35px;
  color: pink;
}

ul {
  color: blue;

}

.gift-section {
  position: relative;
  width: 100%;
  text-align: center;
}

.bola-de-cristal {
  width: 30px;
  height: auto;
  filter: drop-shadow(0 0 15px #c9a0ff);
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.8;
  }

.gift-section p {
  position: relative;
  top: -50px;
  z-index: 2;
}

.sidebar {
  width: 260px;
  background: rgba(255,255,255,0.15);

  border: 4px solid black;

  padding: 10px;

  backdrop-filter: blur(6px);
  
  background-image:
   repeating-linear-gradient(
   to bottom,
   rgba(255,255,255,0.03) 1px,
   transparent 1px,
   transparent 3px
   );
}

.panel {
  border: 3px solid black;

  margin-bottom: 20px;

  background: rgba(255,255,255,0.5);
}

.panel-header {
  background: black;

  color: hotpink;

  padding: 8px;

  font-size: 22px;

  letter-spacing: 2px;

  border-bottom: 3px solid hotpink;
}

.panel-content {
  padding: 15px;

  color: black;
}

.sidebar-image {
  width: 100%;

  border: 2px solid black;
}


hr {
  border: none;
  border-top: 2px solid hotpink;
}


.page-section p {
  color: black;
  font-size: 18px;
  text-shadow: none;
}

.page-section h3 {
  color: #8b0055;
}

.page-layout {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  margin: 40px auto;
}
  


.subtitulo {
  text-align: center;
  color: yellow;
  font-size: 36px;
  text-shadow:
  0 0 5px yellow,
  0 0 10px #fff4a3,
  0 0 20px green;
}
  
  
.main-window {
  width:760px;
  max-width: 70%;
  margin: 0;
  border: 6px double black;
  background: #ffd1ea;
  box-shadow: 8px 8px 0 black;
  box-sizing: border-box;
}

.main-window .window-header {
  background: black;
  color: #ff8fc7;
  padding: 12px;
  text-align: center;
  border-bottom: 4px solid #ff8fc7;
}

.window {
  background: #c0c0c0;

  border-top: 4px solid #ffffff;
  border-left: 4px solid #ffffff;

  border-right: 4px solid #555555;
  border-bottom: 4px solid #555555;

  padding: 10px;

  width: 220px;
}

.button95 {
  background: #d3d3d3;

  border-top: 3px solid white;
  border-left: 3px solid white;

  border-right: 3px solid #666;
  border-bottom: 3px solid #666;

  padding: 10px;

  text-align: center;

  margin-bottom: 15px;
}

.window .window-header {
  background: rgba(255,255,255,0.25);
  backdrop-filter: blur(8px);
  color: blue;
  padding: 10px;
  font-weight: bold;
}


.window ul {
  
  padding: 15px 30px;
  margin: 0;

}

.window-header h2 {
 margin: 0;
 font-family: "UnifrakturCook", serif;
 font-size: 36px;
}

.menu a {
  color: black;
  background: #ff8fc7;
  border: 2px solid black;
  padding: 6px 14px;
  text-decoration: none;
  font-size: 20px;
}

.menu a:hover {
  background: pink;
  color: black;
}  

.me {
  width: 200px;
  max-width: 100%;
  display: block;
  margin: 10px auto;
  filter:
    saturate(140%)
    contrast(110%)
    blur(0.3px);
}