/* ESSENTIAL */
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/cursors/cur-12/cur1103.ani), url(https://ani.cursors-4u.net/cursors/cur-12/cur1103.png), auto !important;} /* End https://www.cursors-4u.com */
 
body{
background-color: #ffffff;
 background: url("https://i.ibb.co/Br1TWyS/pink044.jpg") repeat;
	 background-repeat: repeat;
	 	 background-position-x: 1079px;
	 position: absolute; 
	 z-index: -9999;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 animation: scrolling 30s linear infinite; 
filter: saturate(120%);
font-family: 'comicsans', sans-serif;
}

   @keyframes scrolling {
            from {
                background-position: 0 0;
            }

            to {
                background-position: -256px 256px;
            }
        }
        
@keyframes slide {
  0% {
	  background-position-x: 0;
  }
  100% {
	  background-position-x: -1079px;
  }
}

@font-face {
  font-family:comicsans;
  src: url(/ASSETS/FONTS/Comic_Sans_MS.ttf);
}
 
 /* LAYOUT */
#container{
  background: url("https://i.ibb.co/X2Xy6gS/purpl132.jpg") repeat;
            -webkit-animation: slide 15s linear infinite;
            -moz-animation: slide 15s linear infinite;
            -o-animation: slide 15s linear infinite;
            animation: scrolling 25s linear infinite;
filter: saturate(120%);
display: flex;
justify-content: center;
align-items: center;
width: 800px;
padding: 12px;
margin-left: 200px;
margin-top: 10px;
}

#gallerybutton{
  background: url("https://i.ibb.co/54w0NrM/purpl195.gif") repeat;
            -webkit-animation: slide 15s linear infinite;
            -moz-animation: slide 15s linear infinite;
            -o-animation: slide 15s linear infinite;
            animation: scrolling 25s linear infinite;
filter: saturate(120%);
display: flex;
justify-content: center;
align-items: center;
width: 200px;
padding: 12px;
margin-left: 50px;
margin-right: 50px;
margin-top: 10px;
}

 
#box{
width: 800px;
background-color: #F5F3F1;
color: #000;
border: 1px solid #dbc1ac;
text-shadow: 0 0 1px #000;
}
 
#header{
clear: both;
padding: 3px;
border: 1px solid #dbc1ac;
background: url("https://i.ibb.co/9Vn5zQp/purpl139.jpg") repeat;
            -webkit-animation: slide 15s linear infinite;
            -moz-animation: slide 15s linear infinite;
            -o-animation: slide 15s linear infinite;
            animation: slide 45s linear infinite;
filter: saturate(120%);
width: 800px;
height: 100px;
a { color: #001CEE; }
color: #1EE;
font-size: 50px;
text-align: center;
margin-left: 210px;
margin-top: 30px;
text-shadow: 0 0 1px #000;
a {text-shadow: 0 0 3px #000;}
}

#header2{ /* MUSIC PLAYER */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #FFFF00;
background-color: #FAFF8A;
width: 170px;
color: #726455;
font-size: 20px;
text-align: right;
margin-left: 20px;
margin-top: 23px;
text-shadow: 0 0 1px #000;
}

#header3{ /* calendar */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #FFFF00;
background-color: #FAFF8A;
width: 170px;
height: 240px;
color: #726455;
font-size: 20px;
text-align: right;
margin-left: 20px;
margin-top: 70px;
}

#header4{ /* now + sitely */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #FFFF00;
background-color: #FAFF8A;
width: 170px;
height: 230px;
color: #726455;
font-size: 20px;
text-align: left;
margin-left: 20px;
margin-top: 70px;
text-shadow: 0 0 1px #000;
}

#header5{ /* links + follow */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #dbc1ac;
background-color: #F5F3F1;
width: 170px;
height: 110px;
color: #726455;
font-size: 20px;
text-align: left;
margin-left: 20px;
margin-top: 310px;
text-shadow: 0 0 1px #000;
}

#header6{ /* fanlistings */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #dbc1ac;
background-color: #F5F3F1;
width: 200px;
height: 200px;
color: #726455;
font-size: 20px;
text-align: right;
margin-left: 1025px;
margin-top: 23px;
text-shadow: 0 0 1px #000;
}

#header7{ /* cliques */
float: left;
position: fixed;
padding: 3px;
border: 1px solid #dbc1ac;
background-color: #F5F3F1;
width: 200px;
height: 170px;
color: #726455;
font-size: 20px;
text-align: right;
margin-left: 1025px;
margin-top: 233px;
text-shadow: 0 0 1px #000;
}
 
#header p{
margin: 0px;
}

.subheader{
background-image: url(https://i.ibb.co/CbJkffz/purpl050.gif);
animation: slide 45s linear infinite;
filter: saturate(120%);
border-bottom: 1px solid #dbc1ac;
padding: 3px;
color: #fff;
letter-spacing: 3px;
text-align: right;
font-size: 13px;
text-shadow: 0 0 3px #000;
}
 
.subheader h3{
margin: 0px;
}

.altsubheader{ /* diary + blog headers */
background-image: url(https://i.ibb.co/qyKdN2j/natfl034.jpg);
filter: saturate(120%);
border-bottom: 1px solid #dbc1ac;
padding: 3px;
color: #fff;
letter-spacing: 3px;
text-align: left;
text-shadow: 0 0 3px #000;
}

.altsubheader2{ /* sitely */
background-image: url(https://i.ibb.co/qyKdN2j/natfl034.jpg);
filter: saturate(120%);
border-bottom: 1px solid #dbc1ac;
padding: 3px;
color: #fff;
letter-spacing: 3px;
text-align: left;
text-shadow: 0 0 3px #000;
width: 300px;
}

#side{
float: left;
width: 270px;
padding: 0px 0px 5px 10px;
overflow: hidden;
}

#side2{
float: right;
width: 234px;
padding: 0px 5px 0px 10px;
overflow: hidden;
}

#side3{
float: left;
width: 248px;
padding: 0px 0px 5px 10px;
overflow: hidden;
}
 
.sidebox{
margin: 2px 0px 3px 0px;
}

.sidebox2{
margin: 0px 0px 0px 0px;
}
 
.sidecontent{
display: flex;
padding: 0px 0px 0px 5px;
color: #6e5057;
font-size: 17px;
letter-spacing: 1px;
}

.sidecontent2{ /* BLOG TAGS */
padding: 0px 0px 0px 5px;
color: #6e5057;
font-size: 17px;
letter-spacing: 1px;
}
 
.sidecontent ul, li{
margin: 0px;
list-style-type: none;
padding-left: 0px;
}

#main{
float:clear:center;
width:530px;
overflow: hidden;
padding: 0px 0px 5px 10px;
}

#main2{
float:right;
width:504px;
overflow: hidden;
padding: 0px 2px 5px 10px;
}

#main3{ /* 404 page */
float:right;
width:795px;
overflow: hidden;
padding: 0px 2px 5px 10px;
}

#main4{ /* for oc portraits */ 
float:left;
width: 200px;
overflow: hidden;
padding: 0px 2px 2px 3px;
}

#main5{ /* for oc info + bio */
float:right;
width: 320px;
overflow: hidden;
padding: 0px 2px 5px 2px;
}
 
.mainbox{
padding: 2px;
margin: 0px 0px 5px 0px;
}

.mainboxescontent{ /* diary */
padding: 2px 15px 0px 15px;
color: #6e5057;
font-size: 17px;
}
 
.mainboxcontent{
display: flex;
padding: 0px 15px 0px 15px;
color: #6e5057;
font-size: 17px;
}

.mainboxcontent2{ /* 404 page */
display: flex;
text-align: center;
padding: 0px 15px 0px 15px;
color: #6e5057;
font-size: 17px;
}

.mainboxcontent3{ /* BLOG INDEX */
padding: 2px 0px 0px 3px;
color: #6e5057;
font-size: 17px;
}

.mainboxcontent4{ /* ABOUT */
padding: 0px 15px 0px 15px;
color: #6e5057;
font-size: 17px;
}

.mainboxcontent5{ /* ABOUT BLINKIES */
padding: 0px 15px 0px 0px;
color: #6e5057;
font-size: 17px;
}

.mainboxcontent6{ /* EXTRAS CALENDAR */
padding: 0px 15px 0px 15px;
color: #6e5057;
font-size: 17px;
text-align: left;
}
 
/* SCROLLBOXES */
#scrollcontainer{
padding: 5px;
}
 
#scrolly{ /*  favorites + fanlistings + cliques */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:260px;
height:190px;
margin: 0 auto;
text-align: center;
}

#scrolly2{ /* bio */
overflow: scroll;
overflow-x: hidden;
width:524px;
height:250px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly3{ /* updates */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:350px;
height:160px;
margin: 0 auto;
text-align: center;
justify-content: right;
align-items: right;
}

#scrolly4{ /* webrings */
display: flex;
overflow: scroll;
overflow-x: scroll;
width:350px;
height:200px;
margin: 0 auto;
text-align: center;
justify-content: right;
align-items: right;
}

#scrolly5{ /* graphics */
overflow: scroll;
overflow-x: hidden;
width:550px;
height:200px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly6{ /* credits */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:550px;
height:160px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly7{ /* diary + qna + media + blog */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:550px;
height:480px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly8{ /* neighbors */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:550px;
height:240px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly9{ /* artwork + l2d + ocs */
display: flex;
overflow: scroll;
overflow-x: hidden;
width:550px;
height:540px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly10{ /* fanlistings */
overflow: scroll;
overflow-x: hidden;
width:550px;
height:165px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly11{ /* cliques */
overflow: scroll;
overflow-x: hidden;
width:550px;
height:135px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}

#scrolly12{ /* links */
overflow: scroll;
overflow-x: hidden;
width:160px;
height:80px;
margin: 0 auto;
text-align: left;
justify-content: left;
align-items: left;
}
 
#scrollyheader{
margin: 0px;
border-bottom: 1px dotted #ff668a;
}
/* SCROLLBOXES */
 
#footer{
clear: both;
padding: 3px;
border: 1px solid #dbc1ac;
background-image: url(https://i.ibb.co/qyKdN2j/natfl034.jpg);
animation: slide 45s linear infinite;
filter: saturate(120%);
width: 800px;
a { color: #FFffff; }
a {text-shadow: 0 0 1px #000;}
color: #fff;
font-size: 14px;
text-align: center;
margin-left: 210px;
text-shadow: 0 0 1px #000;
}
 
#footer p{
margin: 0px;
}

/* STATUSCAFE */
#statuscafe {
    padding: 2px;
    background-color: #F5F3F1;
}
#statuscafe-username {
    margin-bottom: .4px;
}
#statuscafe-content {
    margin: 0px 0px 0px;
}
/* STATUSCAFE */

/* LINKS */
a{
text-decoration-style: dotted;
color: #EEFF12;
text-shadow: 0 0 1px #000;
}
 
a:visited{
color: #EE1299;
}
 
a:hover{
text-shadow: 0px 0px 2px #726455;
font-style: italic;
text-shadow: 0 0 1px #000;
}

/* LINKS */

u { /* underline text decoration */
  text-decoration-style: wavy;
  text-decoration-color: var(--medium);
}

/* Dotted brown border */
hr.new3 {
  border: 1px dotted brown;
  background-color: transparent
}

/* CUSTOM SCROLLBAR/SELECT */
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #dbc1ac #F5F3F1;
  }
 
::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: #fff7fb;
}
 
::-webkit-scrollbar-thumb{
background-color: #dbc1ac;  
}

::-moz-selection { /* Code for Firefox */
  color: #726455;
  background-color: #dbc1ac;
}

::selection {
  color: #726455;
  background-color: #dbc1ac;
}

/* DIARY SIDEBAR IMAGES */
#papertear {
-webkit-mask-image: url(https://i.ibb.co/KhqQW5x/73696-B1-E-A0-D7-4529-B2-D2-FB27-F0-D5-B437.png);
-webkit-mask-size: 150%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

button { /* oc select page */
  background-color: #6f513b;
  color: black;
  border: 3px solid #a4866e;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  padding: 5px;
}
	
.img-links:hover {
  box-shadow: 4px 4px var(--sandy-brown);
  transform: translateX(2px);
  transform: translateY(2px);
}

.img-links:active {
  box-shadow: 2px 2px var(--sandy-brown);
  transform: translateX(4px);
  transform: translateY(4px);
}

#player { /* music player */
 width: 50px;
 height: 30px;
 float: left;
}​

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* TOOLTIP */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #876D61;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* TOOLTIP */