@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');

	
.stickiebody {
  font-family:arial,sans-serif;
  font-size:12pt;
  color: var(--bs-dark-text-emphasis);
}
.stickiebody a  {
  color: var(--bs-warning-emphasis);
}
.stickiebody a:hover  {
  color: var(--bs-emphasis-color);
}
.stickiebody .comment-box {
	margin: 0em;
}

.stickie{
  overflow: auto;

}
.stickie .timedate{
  font-size: 10pt;
  font-weight: normal; 
  font-family: 'Kalam', cursive;
}

.stickiebody p{
  font-weight:normal;
}
.stickiebody ul,li{
  list-style:none;
}
.stickiebody ul{
  overflow:hidden;
  padding:0em;
  padding-bottom: 0.9em;
 
}
.stickiebody ul li .stickie {
  text-decoration:none;
  color: var(--bs-dark-text-emphasis);
  background:  var(--bs-warning-bg-subtle);
  display:block;
  height:14em;
  width:14em;
  padding:0.9em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,.4);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.4);
  box-shadow: 5px 5px 7px rgba(33,33,33,.4);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
}
.stickiebody ul li{
  margin:2em;
  float:left;
}
.stickiebody ul li h2{
  font-size:14pt;
  font-weight:bold;
  padding-bottom:0px;
  margin-bottom: 0rem;
}
.stickiebody ul li p{
 font-family: 'Kalam', cursive;
   font-size: 16px;
 /* font-size:180%; */
  line-height: 0.96;
}
.stickiebody ul li .stickie{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform:rotate(-6deg);
}
.stickiebody ul li:nth-child(even) .stickie{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
  background: var(--bs-success-bg-subtle);
}
.stickiebody ul li:nth-child(3n) .stickie{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background: var(--bs-primary-bg-subtle);
}
.stickiebody ul li:nth-child(5n) .stickie{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
  background: var(--bs-danger-bg-subtle);
  
}
.stickiebody ul li .stickie:hover,ul li .stickie:focus{
  box-shadow:10px 10px 6px rgba(0,0,0,.4);
  -moz-box-shadow:10px 10px 6px rgba(0,0,0,.4);
  -webkit-box-shadow: 10px 10px 6px rgba(0,0,0,.4);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}
.stickiebody ol{text-align:center;}
.stickiebody ol li{display:inline;padding-right:1em;}
.stickiebody ol li .stickie {color: var(--bs-dark-text-emphasis);}

.comment-options .e-ajax  {
  margin-left: 6px!important;
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(133, 133, 133, 0.5);
  border-radius: 5px;
  border: transparent;
}