@font-face {
  font-family: rainyhearts;
  src: url(https://www.dafont.com/rainyhearts.font);
}

@font-face {
font-family: porkys;
src: url(https://dl.dropbox.com/s/w27c0suxh1i3q8s/PORKYS_.TTF);
}

::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
    }
::-webkit-scrollbar-thumb {
background: transparent;
}

body {
background-color: white;
margin-top: auto;
margin-bottom: auto;
font-family: rainyhearts;
font-size: 16px;
line-height: .9em;
text-align: center;
color: #000000;
cursor:url('images/cursors/yellowcrescentmooncursor.webp'), 
auto !important;
}

::selection {
  background: #ffbfe0; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffbfe0; /* Gecko Browsers */
}

a {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #ff66b3;
letter-spacing: 2px;
text-decoration:none;
}

.maintextbox{
background-color: #fff7fc;
outline:none; 
height: 150px;
width: 420px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
overflow-x:hidden;
overflow-y:scroll;
border:1px dashed #fe90c1;
text-align: left;
}

.textbox{
background-image:url('images/backgrounds/rainingheartplaidbg.webp');
outline:none; 
height: 250px;
width: 430px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
overflow-x:hidden;
overflow-y:scroll;
border:1px dashed #fe90c1;
text-align: left;
}

.headertext2 {
font-family: porkys;
padding: 9px;
font-size: 25px;
letter-spacing: -1px
filter: drop-shadow(1px 1px 0px #fe8daf) drop-shadow(-1px -1px 0px #fff) drop-shadow(2px 2px 1px #ffc6e8) drop-shadow(-1px -1px 1px #ffc6e8) drop-shadow(1px 1px 0px #fe8daf) drop-shadow(0px 0px 2px #ffc6e8);
background: linear-gradient(to bottom, #ffbde4, #fff7fc, #ffbde4);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

.gradienttext {
background: linear-gradient(to top, #FFFDFE 2%, #FF78B1 100%);
font-family: porkys;
font-size: 1.5em;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #FE62B6;
}

.linkpink {
 display: block;
 width: auto;
 margin: 4px;
 background-color: #ffbfe0;
 line-height: 13px;
 text-align: center;
 border-radius: 10px;
}

.cloudbox { 
margin : 1em auto ; /* change 0 to auto for centering */ 
width : 100% /* width */ } 

.u01 { 
background: url(images/borders/f-ue.gif) repeat-x ; 
height : 32px ; 
margin : 0 32px } 

.s01 { 
background: url(images/borders/f-sita.gif) repeat-x ; 
height : 32px ; 
margin : 0 32px } 

.box-top { 
background-image: url(images/borders/f-kado1.gif), url(images/borders/f-kado2.gif); 
background-position: top left , top right ; 
background-repeat: no-repeat , no-repeat ; 
height : 32px } 

.box-center { 
background-image: url(images/borders/f-migi.gif), url(images/borders/f-hidari.gif); 
background-position : top right , top left ; 
background-repeat: repeat-y , repeat-y
 }

.box-inner { 
background :#fff ; /* background color */ 
margin : 0 32px } 

.box-bottom { 
background-image:   
url(images/borders/f-kado3.gif), url(images/borders/f-kado4.gif); 
background-position : top left , top right ; 
background-repeat: no-repeat , no-repeat ; 
height : 32px }