@import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&family=Libertinus+Math&family=Mea+Culpa&family=Momo+Signature&family=Ole&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

html {
  cursor: url('https://www.rw-designer.com/cursor-view/244898.png'), auto;
}

a, button, [role="button"], .tab, .directory li {
  cursor: url('https://www.rw-designer.com/cursor-view/244900.png'), pointer !important;
}

hr {
  border: none;
  height: 2px;
  background: linear-gradient(
    90deg,
    #ffd6e8,
    #fbe7ff,
    #e3f0ff,
    #d4fff7,
    #fffbd1,
    #ffd6e8
  );
  background-size: 400% 100%;
  animation: pastelShimmer 10s linear infinite;
  border: 1px solid #c6c6c68f;
  margin: 5px 0;
}

@keyframes pastelShimmer {
  0% { background-position: 0% 0; }
  100% { background-position: 400% 0; }
}

.divider {
    width: 100%;
    height: auto;
    margin: 20px 0;
    border: none;
    display: block;
}


body {
    font-family: 'Libertinus Math', serif;
    margin: 0;
    padding: 0;
  background-image: url('https://files.catbox.moe/msojvd.jpg');
  background-size: 15%;
  background-attachment: fixed;
  background-repeat: repeat;
}


h1 {
  padding: 0px;
  margin-top: 20px;
  margin-bottom:0px;
  text-align: center;
  color:#cb88ab;
}

h2 {
  padding: 0px;
  margin-top: 30px;
  text-align: center;
  color:#cb88ab;
}

h3.poop {
  padding: 0px;
  margin-top: 0px;
  margin-bottom:30px;
  text-align: center;
  color:#cb88ab;
}

span.lightpurple a {
  color: rgb(244, 237, 255);
  text-shadow:
    -1px -1px 0 #cb88ab,
     1px -1px 0 #cb88ab,
    -1px  1px 0 #cb88ab,
     1px  1px 0 #cb88ab;
  text-decoration: none;
}


.art-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding: 20px;
}


mark {
  background-color: #a4ede664;
  color:#cb88ab;
  padding: 2px 2px;
}


a {
  color: #e3fdff;
    text-shadow: 
  -1px -1px 0 #efacc2,
   1px -1px 0 #efacc2,
  -1px  1px 0 #efacc2,
   1px  1px 0 #efacc2;
  text-decoration: underline;
}

body {
    text-align: center;
    padding: 20px;
}

.title {
    font-size: 32px;
    color: #d48aaa;
    margin-bottom: 30px;
    text-shadow: 1px 1px #0000008e;
}


.artbox {
    width: 340px;
    margin: 0px;
    background: #ffeaf352;
    border: 2px solid #f7c5d8;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  background-image: url("https://files.catbox.moe/c9lpby.jpeg");
  background-repeat: repeat;
  background-size: 50%;
  border: 13px solid transparent;
  border-image: url('https://i.postimg.cc/T1bmK6QV/IMG_1924.gif') 12 repeat;

}

.artbox:hover {
    transform: scale(1.03);
}

.artbox img {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #f3d6da;
    box-shadow:#d3d3d3 1px 1px 2px
}

.artbox p {
    margin-top: 15px;
    margin-bottom:5px;
    font-size: 16px;
    color: #b06c8a;
}


img.pixel {
    width: 15px;
    height: auto;
    border:none;
}