html {
cursor: url(../images/daisycur.png), auto;
}

body {
 font-family: 'Zen Maru Gothic';
 color: #4f4257;
 font-weight: bold;
 line-height: 1.3em;
 background-image: url(../images/cb5063afe7344e714c5f657f7a947330.jpg);
 background-position: top;
 overflow-x: hidden;
 }
 

a:link, a:visited {
 color: #9e72d9;
 font-weight: bold;
 text-decoration: none;
 line-height: 1.3;
}

a:hover {
 color: #a562ff;
 text-decoration: none;
 line-height: 1.3;
 background-color: #ffffff;
 cursor: url(../images/daisycur.png),auto;
}

b {
 color: #9e72d9;
 font-weight: bold;
}

img {
 max-width: 100%;
 height: auto;
}

p {
 color: #4f4257;
 line-height: 1.1em;
}

h1, h2, h3{
 font-family: 'Kosugi Maru';
 color: #C8E50C;
 font-size: 1em;
 text-align: right;
 background-color: #ffffff;
}

h4 {
 font-family: 'Kosugi Maru';
 color: #a562ff;
 font-size: .8em;
 text-align: left;
}

h5 {
 font-family: 'Hachi Maru Pop';
 color: #ffffff;
 font-size: 3.2em;
 line-height: 1.3em;
 background: -webkit-linear-gradient(#E4080A, #C8E50C);
 position: absolute;
 top: 6%;
 left: -1%;
 margin: 1%;
 padding: 2%;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}

textarea {
 color: #ffffff;
 background: rgba(110, 82, 126, 0.5);
 border: 1px solid #947ed0;
 border-radius: 5px;
 width: 98%;
 height: 6.7em;
 padding: 2px;
}

.postav img {
 border:0;
 margin:1% 1% -.5%;
 vertical-align:center
}

#layout {
 background: rgba(110, 82, 126, 0.5);
 border: 3px solid #ff71a5;
 border-radius: 5px;
 width: 75em;
 height: auto;
 position: relative;
 margin: auto;
 overflow-y: auto;
}

#topbanner {
 background-image: url(https://file.garden/aCbGSouifAr3phJZ/New%20outfit.jpg);
 background-position: center;
 background-size: cover;
 border: 1px solid #FED800;
 border-radius: 5px;
 width: 96.7%;
 height: 8em;
 margin: 0.5em;
 padding: 10px;
 overflow-y: hidden;
}

#midbanner {
 background-image: url(../images/a215f0a9729358db4432ffd51cdc2305.jpg);
 background-repeat: repeat-x;
 border: 1px solid #FED800;
 border-radius: 5px;
 width: 96.7%;
 margin: 0.5em;
 padding: 10px;
 overflow-x: hidden;
 overflow-y: auto;
}

#botbanner {
 background-image: url(../images/ctbg.png);
 border: 1px solid #FED800;
 border-radius: 5px;
 width: 96.7%;
 height: 1.8em;
 margin: 0.5em;
 padding: 10px;
 overflow-x: hidden;
 overflow-y: hidden;
}

#stack {
width: 13.75em;
display: flex;
float: left;
flex-direction: column;
}

#solo {
width: 80%;
position: relative;
display: flex;
float: right;
}

#nav{
 background-image: url(../images/tumblr_inline_n2598rI8l01qhwjx8540.gif);
 border: 3px solid #FF71A5;
 border-radius: 5px;
 width: 13.75em;
 height: 100%;
 display: flex;
 float: left;
 flex-direction: column;
 margin: 0.5em;
}

#cal {
 background-image: url(../images/tumblr_inline_n2598iWtSJ1qhwjx8540.gif);
 border: 3px solid #FEA100;
 border-radius: 5px;
 width: 13.75em;
 display: flex;
 float: left;
 flex-direction: column;
 margin: 0.5em;
}

#blog {
 background-image: url(../images/);
 border: 3px solid #ffa56a;
 border-radius: 5px;
 width: 100%;
 height: 100%;
 position: relative;
 float: right;
 margin: 0.5em;
}

#musicplayer {
 text-align: center; 
 background-image: url(../images/tumblr_inline_n2598a3KKO1qhwjx8540.gif);
 border: 3px solid #A5C106;
 border-radius: 5px;
 width: 13.75em;
 display: flex;
 float: left;
 flex-direction: column;
 margin: 0.5em;
}
 
#botcontainer {
 background-image: url(../images/ctbg.png);
 border: 3px solid #ffa56a;
 border-radius: 5px;
 width: 76%;
 height: 34.8em;
 position: relative;
 float: left;
 margin: 0.5em;
}

.n2{
 background: rgba(216, 202, 235, 0.5);
 border: 1px solid #ffa56a;
 border-radius: 5px;
 display: block;
 margin: 3px 1px 3px 1px;
}

.navlink a{
 font-family: 'Zen Maru Gothic';
 color: #ffffff;
 letter-spacing: 2px;
 background: -webkit-linear-gradient(#FE5CC5, #FE5CC5);
 margin: 3px;
 padding: 3px;
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
}

.navlink a:hover {
 font-family: 'Zen Maru Gothic';
 background: -webkit-linear-gradient(white, #66CF03);
 -webkit-background-clip: text;
 -webkit-text-stroke: 4px transparent;
 }
 

.innercontainer {
 background: rgba(255, 255, 255, 0.7);
 border: 1px solid #BCDE00;
 border-radius: 5px;
 margin: 1%;
 padding: 1%;
}

.outercontainer {
 background: rgba(216, 202, 235, 0.5);
 border: 1px solid #BCDE00;
 border-radius: 5px;
 padding: 1%;
 margin: 1%;
}

#footer {
 color: #4f4257;
 font-size: 0.8em;
}

#content {
 height: 44.4em;
 padding: 1.5%;
 overflow-y: scroll;
 overflow-x: hidden;
}

#sidepad {
 padding: 4.5%;
}

.layouthead {
 background-image: url(../images/pvl.png);
 background-repeat: repeat-x;
 background-position: right; 
 height: 1em;
 overflow-x: auto;
}

.navhead {
 background-image: url(../images/hdrsd.png);
 background-repeat: repeat-x;
 background-position: right; 
 height: 1em;
 overflow-x: auto;
}

.bloghead {
 background-image: url(../images/hdrbg.png);
 background-repeat: repeat-x;
 background-position: right; 
 height: 1em;
 overflow-x: auto;
}

#headerfocus {
 position: absolute;
 right: 1.5%;
 top: 1.45%;
 overflow-y: hidden;
}

.innerborder {
 background-image: url(../images/tumblr_inline_mns9hwIF731qz4rgp540.gif);
 border: 1px solid #ffa56a;
 border-radius: 5px;
 display: inline-flex;
 padding: 1%;
 margin: 1%;
}

::-moz-selection {
 color: #ffa56a;
 }

::selection {
 color: #FFDE59;
 }


* {
 scrollbar-width: thin;
 scrollbar-color: #ffa56a #FFDE59;
}

*::-webkit-scrollbar {
 width: 16px;
}

*::-webkit-scrollbar-track {
 background: #daccee;
}

*::-webkit-scrollbar-thumb {
 background-color: #9071bb;
 border-radius: 10px;
 border: 3px solid #ffffff;
}

.songtitle, .track-info, .now-playing{
 color: #ffffff;
 font-size: 0.8em;
 padding: 0px;
}

.controls{
 display: flex; 
 flex-direction: column; 
 gap: 0px;
}

.buttons{
 font-size: 0.8em;
 width: 100%;
 display: flex;
 justify-content: center;
}

.buttons div{
 width: 33.3%;
}

.playpause-track, .prev-track, .next-track{
 color: #ffffff;
 font-size: 1.8em;
}

.volume-icon{
 font-size: 0.8em;
}

.seeking, .volume{
 display: flex;
 flex-direction: row;
 align-items: center;
 gap: 0px;			
}

.now-playing { 
}

.track-info{
 background: rgba(110, 82, 126, 0.5);
 border: 1px solid #947ed0;
 border-radius: 5px;
 padding: 5px;
}

.now-playing{
 font-weight: bold;
}

input[type=range]{
width: 95%;
-webkit-appearance: none;
}

input[type=range]:focus{
 outline: none;
}

input[type=range]::-webkit-slider-runnable-track{
 background:#ffffff;
 width: 90%;
 height: 3px;
}

input[type=range]::-webkit-slider-thumb{
 background: #ffffff;
 border-radius: 3px;
 height: 0.8em;
 width: 0.8em;
 margin-top: -3px;
 -webkit-appearance: none;
}

input[type=range]::-moz-range-track{
 background: #ffffff;
 width: 90%;
 height: 3px;
}

input[type=range]::-moz-range-thumb{
 background: #ffffff;
 border: none;
 border-radius: 3px;
 height: 0.8em;
 width: 0.8em;
}

input[type=range]{
 width: 95%;
 -webkit-appearance: none;
}

input[type=range]:focus{
 outline: none;
}

input[type=range]::-webkit-slider-runnable-track{
 background:#BFD641;
 width: 90%;
 height: 3px;
}

input[type=range]::-webkit-slider-thumb{
 background: #66CF03;
 border-radius: 3px;
 width: 0.8em;
 height: 0.8em;
 margin-top: -3px;
 -webkit-appearance: none;
}

input[type=range]::-moz-range-track{
 background: #ffffff;
 width: 90%;
 height: 3px;
}

input[type=range]::-moz-range-thumb{
 background: #ffffff;
 border: none;
 border-radius: 3px;
 width: 0.8em;
 height: 0.8em;
}

.kosugi-maru-regular {
 font-family: "Arial", serif;
 font-weight: 400;
 font-style: normal;
}

.zen-maru-gothic-regular {
 font-family: "Zen Maru Gothic", serif;
 font-weight: 400;
 font-style: normal;
}

.hachi-maru-pop-regular {
 font-family: "Hachi Maru Pop", serif;
 font-weight: 400;
 font-style: normal;
 
 
}