/* cr: Camellina - tr.camellina@gmail.com */
    @font-face {
      font-family: 'rh';
      src: url('/fonts/rainyhearts.ttf') format('truetype');
    }

    /* cr: https://www.dafont.com/fraud.font */
    @font-face {
      font-family: 'ba';
      src: url('/fonts/Fraud.ttf') format('truetype');
    }
    
    * {
      cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat847.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat847.png), auto;
    }

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

    ::-webkit-scrollbar-thumb {
        background: url(https://i.postimg.cc/gjKCK10v/dfef76ff.gif);
    }

    a {
      color: white;
    }

    ul {
      list-style-position: inside;
      padding: 0;
    }

    li {
      list-style-image: url(https://files.catbox.moe/ifw64s.webp);
    }

    p, li, ul {
      font-family: 'ba';
      margin: 0.5px;
      color: white;
      text-shadow: 1px 0px black, 1px 1px black;
    }

    p2 {
      font-family: 'rh';
      font-size: 17px;
      color: #fff;
      margin: 0.5px;
      text-shadow: 1px 0px black, 1px 1px black, 0px 1px black, -1px -1px black, -1px 0 black, 0px -1px black;
    }

    .creditbox {
      width: 32.636%;
      height: 150px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .tab {
      display: flex;
      flex-direction: column;
      gap: 3px;
      padding: 3px;
    }

    .links {
      width: -webkit-fill-available;
      font-family: ba;
      font-size: 15px;
      text-align: left;
      text-shadow: 1px 0px black, 1px 1px black;
      color: #fff;
      background-image: url('https://dl.glitter-graphics.com/pub/1877/1877569h4m151sb4w.jpg');
      padding-left: 5px;
      border: 1px solid;
    }

    .links::before {
      content: url('https://i.postimg.cc/4yVM4kz0/e6c5119f.png');
      padding-right: 5px;
    }

    .nav {
      font-family: 'rh';
      font-size: 17px;
      text-shadow: 1px 0px black, 1px 1px black;
      color: #fff;
      margin: 0.5px;
    }

    .um {
      text-align: left;
      font-family: 'rh';
      font-size: 17px;
      text-shadow: 1px 0px black, 1px 1px black;
      color: #fff;
      padding: 2px;
      margin: 0px;
      background: linear-gradient(to bottom, #E6E6E6 0%, #010101 50%, #000 51%, #D6D6D6 100%);
      border: 1px solid white;
      border-radius: 5px 5px 0 0;
      height: min-content;
    }

    .um::before {
      content: url('https://resource.crd.co/assets/images/gallery06/30f59b9b_original.gif?v=7d739371');
      margin-right: 10px;
      filter: drop-shadow(1px 0px black) drop-shadow(1px 1px black);
    }

    body::before {
      content: " ";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(rgb(82 82 82 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
      z-index: 2;
      background-size: 100% 2px, 3px 100%;
      pointer-events: none;
    }

    body {
      background-image: url('https://files.catbox.moe/nur145.gif');
      background-size: 10%;
      background-attachment: fixed;
      background-repeat: repeat;
      text-align: center;
      justify-content: center;
    }

    .frame {
      border: 10px solid;
      border-image: url('https://file.garden/Zj8MKPoh-G9Y8EJE/pixels/borders/IMG_8832.png') 8 round;
      width: 650px;
    }

    .all {
      padding: 5px;
      display: grid;
      gap: 5px;
      justify-content: stretch;
      background-image: url('https://files.catbox.moe/ntluc3.jpg');
      background-size: 5%;
      background-attachment: fixed;
      background-repeat: repeat;
      border: 1px dotted #fff;
    }

    .container, .tabcontent {
      border: 1px solid #fff;
      background-image: url('https://dl.glitter-graphics.com/pub/1877/1877569h4m151sb4w.jpg');
      padding: 5px;
      height: min-content;
    }

    .tabcontent {
      width: 100%;
      display: flex;
    }

    .clock {
      font-family: ba;
      color: #fff;
      text-shadow: 1px 0px black, 1px 1px black;
      font-size: 14px;
      margin: 0.5px;
    }

    .clock::before {
      content: url('https://pixels.crd.co/assets/images/gallery18/900b88ef.gif?v=29416114');
      padding-right: 5px;
    }

    .clock::after {
      content: url('https://pixels.crd.co/assets/images/gallery18/900b88ef.gif?v=29416114');
      padding-left: 5px;
    }

    .calendar {
      font-family: rh;
      color: #7e4b3b;
      line-height: 13px;
      border: 1px dotted #faf1e0;
      border-radius: 5px;
      display: inline-block;
      transform: scale(100%);
      position: relative;
      max-width: 133px;
      max-height: 140px;
      overflow: hidden;
      box-sizing: border-box;
    }

    .calendarr {
      border-radius: 5px 0px 0px 0px;
      width: 28%;
    }

    .top, .main {
      height: min-content;
      display: flex;
      gap: 5px;
    }

    .header {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px dotted grey;
      border-radius: 0px 5px 0px 0px;
      background-image: url(https://i.pinimg.com/736x/41/c2/c5/41c2c526e5b4bf7d9c40e20466a31c0b.jpg);
      background-size: cover;
      padding: 5px;
      max-width: 100%;
      height: 139px;
      box-sizing: border-box;
    }

    .headerr {
      width: 100%;
      border-radius: 0px 5px 0px 0px;
    }

    .greet {
      border: 1px dotted #fff;
      border-top: none;
      height: 4.5vh;
      max-width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }

    .navigationn {
      width: 28%;
    }

    .navigation {
      border: 1px dotted #fff;
      border-radius: 5px;
    }

    .navi {
      padding: 5px;
      background-image: url(https://i.pinimg.com/736x/38/1f/bb/381fbb95bf165c00545e4e509d8f0492.jpg);
      background-size: cover;
      border-top: 1px dashed #fff;
      border-bottom: 1px dashed #fff;
      box-sizing: border-box;
    }

    .chat {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
    }

    .fanlist {
      height: inherit;
      background-image: linear-gradient(90deg, black 60%, rgba(0, 0, 0, 0) 95%), url(https://files.catbox.moe/dmf56j.jpg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: right;
      padding: 5px;
      text-align: left;
      border-radius: 5px;
    }

    #statuscafe {
        padding: 1px;
        font-family: 'ba';
    }

    #statuscafe-username {
        color: white;
    }

    #statuscafe-username a {
        color: white;
        font-family: 'rh';
        font-size: 15px;
        text-shadow: 1px 0px black, 1px 1px black;
        font-weight: bold;
    }

    #statuscafe-content {
        color: white;
        font-size: 15px;
    }

    #home, #about, #credit, #links, #chat {
      display: flex;
      gap: 5px;
      padding: 5px;
      height: stretch;
    }

    #home .container, #about .container, #credit .container, #links .container, #chat .container {
      height: fit-content;
    }