* {
    cursor: url("/assets/cursor.png"), auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}


html, body, a, button, input, textarea, select, label {
    cursor: url("/assets/cursor.png"), auto !important;
}

html:hover, body:hover, a:hover, button:hover, input:hover, textarea:hover, select:hover, label:hover {
    cursor: url("/assets/cursor.png"), auto !important;
}

*::-webkit-scrollbar {
  display: none;
}

::selection {
  background: #97756D;
  color: #ffffff;
}

::-moz-selection {
  background: #97756D;
  color: #ffffff;
}

.no-drag-or-select {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

body {
  background-image: url("/assets/img/bkg/field1.webp");
  background-attachment: fixed;
  background-size: cover;
  background-color: #262D1C;
  background-position: 80% 0%;
  overflow-y: hidden;
  overflow-x: scroll;
}

header {
  position: fixed;
  z-index: 11;
  margin-top: -1%;
  left: 80px;
}

#header-bkg {
  width: 1200px;
  height: 190px;
  rotate: 1deg;
}

aside {
  position: fixed;
  z-index: 10;
  left: 75px;
  top: 140px;
}

#sidebar-bkg {
  opacity: 85%;
  width: 250px;
  height: 560px;
}

main {
  position: fixed;
  z-index: 9;
  top: 125px;
  left: 290px;
}

#content-bkg {
  width: 980px;
  height: 580px;
  z-index: 9;
}

#content {
  position: fixed;
  z-index: 10;
  top: 200px;
  left: 330px;
  width: 840px;
  height: 400px;
  padding: 20px;
}

p {
  font-family: 'Baby-Doll-Font';
  font-size: 22px;
  color: #ffffff;
  filter: drop-shadow(12px 12px 20px #000000);
}

#online-counter {
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  left: 10px;
  opacity: 80%;
}

#logo-text {
  position: fixed;
  z-index: 12;
  top: 55px;
  left: 135px;
  font-family: 'Ransom-Font';
  font-size: 60px;
  color: #ffffff;
  opacity: 80%;
  filter: drop-shadow(28px 15px 15px #000000);
}

#logo-text:hover{ 
    font-style: italic;
    color: #97756D;
}  

.bkg-div {
  position: fixed;
  z-index: -9999;
  width: 100%;
  height: 100%;
  opacity: 0%;
}

@font-face {
  font-family: 'Ransom-Font';
  src: url('/assets/fonts/MagazineLetterByBrntlbrnl-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Baby-Doll-Font';
  src: url('/assets/fonts/Baby-Doll.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cute-Notes';
  src: url('/assets/fonts/Cute-Notes.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inked-God';
  src: url('/assets/fonts/Inked-God.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}