HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/rabbitdance.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/rabbitdance.gif"), auto;}

@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Single:wght@100..900&family=Bitcount+Single:wght@100..900&family=Bitcount:wght@100..900&family=Libertinus+Mono&family=Quicksand:wght@300..700&display=swap');

body {
  margin: 0;
  padding: 60px 10px;
  background-color: #ffcce0;
  background-image: url('https://lunabunny.neocities.org/img/background.gif');
  color: #4b004b;
}

* { box-sizing: border-box; }

img { max-width: 100% !important; }

.luna-box {
  width: 100%;
  max-width: 650px;
  padding: 20px;
  margin: auto;
  border-radius: 30px;
  background: linear-gradient(to bottom, #fff6fa, #ffeaf2);
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.9),
    0 4px 10px rgba(255, 192, 203, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  color: #663344;
  position: relative;
  overflow: hidden;
}

   
    body {
      text-align: center; 
    }
    
.profileimg {
  width: 100%;
  max-width: 300px;
  margin: 0px 0px 30px 0px;
}

.statbox {
  text-align: left;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  margin: auto;
  padding: 30px 15px;
  display: flex;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: space-between; 
}

.statbox ul, .statbox li {
  text-align: left !important;
  list-style: none;
  padding: 0;
  margin: 0;
}

.statsleft, .statboximg {
  max-width: 275px;
  width: 100%;
}


.statboximg img { 
  width: 100%;
  margin: auto;
  padding-bottom: 30px;
  }

.autowidth {
  width: auto !important;
}

nav {
  margin: auto;
  max-width: 90%;
  padding: 15px 0px 30px 0px;
}

.advocacy, .facts  {
  text-align: left;
}

.advocacy ul,.facts ul {
  padding: 0;
  margin: 0;
}

.advocacy li, .facts li {
  color: #003333;
  background: #fff;
  padding: 10px;
  margin: 10px 0px;
  border-radius: 15px;
  list-style: none;
  box-shadow: 0 0 3px 2px rgba(173, 216, 230, 0.6);
}


 
 body, p, li {
   font-family: Quicksand, sans-serif !important;
   font-size: 10pt;
   line-height: 1.75em;
 }
 
 a, a:link, a:visited, a:hover {
   font-family: Libertinus Mono, monospace;
   color: #00bcd4;
   letter-spacing: 1px; 
   text-transform: lowercase;
 }
 
 a:hover {
   opacity: 0.6;
   letter-spacing: 0px;
 }
 
 b { font-family: Libertinus Mono, monospace; letter-spacing: 1px; }
 
.divider {
   margin: auto !important;
   text-align: center !important;
 }
 .divider img {
   width: auto !imporant; 
   margin: 5px 0px 60px 0px;
 }
 
 h1, h2 {
   font-family: Bitcount !important;
   text-transform: uppercase; 
   letter-spacing: 1px;
   font-weight: normal;
   font-size: 28pt;
   margin: auto;
   line-height: 1.25em;
  color: white;
  text-shadow: 0 0 5px white,
               0 0 10px white,
               0 0 20px white,
               0 0 30px #ffffff,
               0 0 40px #ffffff;
 }
 
 .totop { width: 100%; text-align: center; margin: 30px 0px 0px 0px; }
 
 .totop a::after { 
   content: '⟶  ';
 color: #00bcd4;
 }

.luna-box h1, .luna-box h2 { color: inherit !important; }

nav a {
  margin: 0px 10px 0px 0px;
  font-size: 12pt;
}


.chatbox {
  background: #fff;
  padding: 5px;
  margin: auto;
  max-width: 500px;
  border-radius: 15px;
  box-shadow: 0 0 3px 2px rgba(173, 216, 230, 0.6);
}