body {
background-image:url(https://moeghosts.neocities.org/backgrounds/gingamrase_p4at.gif);
padding:0px;
margin:0px;
}

@font-face {
src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
font-family: hearts;
}

@font-face {
src: url(https://dl.dropbox.com/s/mes7b666uvig5wc/Winkle-Regular.otf);
font-family: winkle;
}

@font-face{
    font-family:cakentruffles;
    src:url(https://dl.dropbox.com/s/etvt9sk6o6fc27m/Cake%20n%20Truffles.ttf);
}

.main {
	width:850px;
	height:700px;
	margin:auto;
	border-image:url(https://moeghosts.neocities.org/borders/tumblr_inline_mvpvg61hKT1qid2nw.webp) 8 fill round;
	border-width:10px;
	border-top:0px;
	border-style:solid;
	filter:saturate(75%);
}

.left {
	float:left;
	background-image:url(https://moeghosts.neocities.org/backgrounds/c011-1.gif);
	width:197px;
	border-left:3px ridge pink;
	border-bottom:3px ridge pink;
	height:100%;
    filter:no;
	overflow-y:auto;
	overflow-x:hidden;
}

.right {
	float:right;
	background-color:white;
	width:644px;
	border-left:3px ridge pink;
	border-right:3px ridge pink;
	border-bottom:3px ridge pink;
	height:100%;
	overflow-y:auto;
}

.header {
	width:630px;
	height:70px;
	background-image:url(https://i.pinimg.com/736x/89/b8/66/89b866244a688b65c71b078f258e6d2c.jpg);
	background-size:contain;
	margin:auto;
	border:2px ridge pink;
	border-radius:5px;
	margin-top:10px;
	box-shadow: rgba(255, 255, 221, 0.6) 0px 11px 5px inset, rgba(255, 255, 221, 0.6) 0px -5px 10px inset;
}

.cute {
	width:630px;
	height:240px;
	border:2px ridge pink;
	border-radius:5px;
	margin:auto;
	margin-top:5px;
	background-image:url(https://moeghosts.neocities.org/backgrounds/c011-1.gif);
	overflow-y:auto;
	overflow-x:hidden;
}

#text01 {
border-width:12px;
border-style:solid;
border-image: url("https://file.garden/aA0eX2ASI2C8Ym93/borders/pink-lace.gif") 30 fill round;
height: 190px;
width: 340px;
padding: 8px;
overflow-y: auto;
overflow-x: hidden;
float:left;
margin-left:5px;
margin-top:5px;
text-align:left;
}

#thing {
background-color:white;
padding:0px;
margin:0px;
width:100%;
height:100%;
overflow-y:auto;
overflow-x:hidden;
border:2px ridge pink;
border-radius:4px;
}

.border1 {
	background-image: url(https://moeghosts.neocities.org/dividers/tumblr_inline_n37h8pdCNk1qhwjx8.gif);
    background-size: contain;
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;
}

#text01 p {
font-family:hearts;
padding:4px;
}

#text01 h1 {
	font-family:cakentruffles;
	font-size:13px;
	padding-left:4px;
	filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	color:white;
	letter-spacing:1px;
}

#text02 {
	float:right;
	height:225px;
	width:230px;
	border:2px ridge pink;
	border-radius:4px;
	margin-top:5px;
	margin-right:5px;
	background-image:url(https://moeghosts.neocities.org/j12-bg-simple.gif);
	text-align:left;
	padding-top:0px;
}

.navigation {
	border:outset 3px #fffcfe;
	border-radius:3px;
	width:177px;
	height:220px;
	background:#fffcfe;
	margin:auto;
    filter:none;
	margin-top:10px;
}



.navigation a {
text-decoration:none;
display: inline-block; 
transition: .2s ease;
}

.navigation a:hover {
  transform: translateY(-10%);
}

.navigation h1 {
filter: drop-shadow(1px 1px 0 #ffb9ba) drop-shadow(-1px 1px 0 #ffb9ba) drop-shadow(0 -1px 0 #ffb9ba) drop-shadow(1px 0 #ffb9ba);
color: white;
font-size: 1.2em;
z-index: 10;
margin:0px;
padding:0px;
margin-left:34px;
margin-top:7px;
float:left;
font-family:hearts;
}

.navbg {
	background-image:url(https://moeghosts.neocities.org/borders/ri200-008-a.gif);
	background-size:contain;
	background-repeat: no-repeat;
	width:200px;
	height:35px;
	margin-bottom:0px;
	margin:auto;
}

.nav-btns {
	width:165px;
	height:20px;
	margin-bottom:0px;
	margin:auto;
	margin-top:2px;
	margin-left:3px;
	border:2px #deb8c3 ridge;
	border-radius:3px;
	background: linear-gradient(to bottom, white 15%, #ffebf0);
}

.nav-btns p {
filter: drop-shadow(1px 1px 0 #ffb9ba) drop-shadow(-1px 1px 0 #ffb9ba) drop-shadow(0 -1px 0 #ffb9ba) drop-shadow(1px 0 #ffb9ba);
color: white;
margin-top:2px;
padding-top:0px;
margin-left:4px;
font-family: hearts;
}

.nav-btns img {
	float:left;
	margin-top:6px;
	margin-left:3px;
	margin-right:3px;
}

.nav-scroll {
	height:183px;
	width:173px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:0px;
	margin-top:0px;
	float:left;
}

.imagemask {
  background-image: url("https://moeghosts.neocities.org/backgrounds/j12-bg-simple.gif");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.3em;
font-family: winkle;
  width:fit-content;
  margin:0 auto; /* this is to center, if needed */
  /* add below if you want an outline, if not remove */
  filter: drop-shadow(0px 1px #f5c5c1) drop-shadow(0 -1px #f5c5c1) drop-shadow(1px 0 #f5c5c1) drop-shadow(-1px 0 #f5c5c1);
}

.music {
	margin:auto;
	width:177px;
	height:20px;
}

#musicplayer{
display:grid;
grid-template-columns:20px auto;
align-items:center;
width: 177px;
margin:auto;
margin-top:2px;
font-size:20px;
line-height:140%;
background:white;
height:20px;
border: 2px ridge pink;
}
 
#musictitle{
overflow: hidden;
white-space: nowrap;
display:inline-block;
width: calc(100% - 10px - 1px);
margin-left: calc(10px + 1px);
font-size:12px;
font-family:hearts;
}
 
#musicpixel{
width:100%;
position:relative;
min-height: 20px;
background:white;
border-right: 2px ridge pink;
 height:20px;
}
 
 
.overlay {
opacity:0;
position:absolute;
top:0;
left:0;
text-align:center;
width:100%;
height:20px;
transition:0.3s ease;
background:white;
}
 
#musicplayer:hover .overlay {
opacity: 1;
transition:0.3s ease;
}
 
.playpause{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
 
.playpause:hover{
cursor:help;
}
 
#musicpixel img{
display:block;
}
 
.marquee{
display: inline-block;
padding-left: 100%;
animation: marquee 5s linear infinite;
}
 
@keyframes marquee{
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(-100%, 0);
}
}

.buttons {
	width:630px;
	height:37px;
	margin:auto;
	margin-top:5px;
	border:2px ridge pink;
	border-radius:4px;
	padding-top:3px;
	background-image:url(https://moeghosts.neocities.org/backgrounds/ab09-bg-border.gif);
}

.buttons img {
	width:88px;
}

#fanlistings{
	width:180px;
	height:90px;
    margin:auto;
    border-width:8px;
    border-style:solid;
    border-image: url(https://moeghosts.neocities.org/white-border.gif) 8 fill round;
	overflow-y:auto;
}

#fanlistings h1 {
	font-family:cakentruffles;
	font-size:12px;
	text-align:center;
	filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	color:white;
}

#fnlst {
	width:32px;
}

.left2 {
	width:200px;
	height:227px;
	margin:5px;
	background:white;
	border:2px ridge pink;
	border-radius:4px;
}

.right2 {
	float:right;
	width:407px;
	height:227px;
	margin:5px;
	border:2px ridge pink;
	border-radius:4px;
	background-image:url(https://moeghosts.neocities.org/backgrounds/h048-2.gif);
}

 .right2 h1 {
	font-family:cakentruffles;
	font-size:22px;
	text-align:center;
	filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	color:white;
}

.h1border {
	float:left;
	width:160px;
	height:170px;
	background-image:url(https://moeghosts.neocities.org/backgrounds/c053-1.gif);
	border:1px ridge pink;
	border-radius:4px;
	margin-top:27px;
	position:relative;
	margin-left:30px;
	display:block;
	z-index:10;
}

.left2scroll {
	width:200px;
	height:110px;
	padding-top:0px;
	margin-top:0px;
	display:sticky;
	float:right;
	z-index:17;
	text-align:center;
	font-family:hearts;
	overflow-y:auto;
}

.left2scroll p {
	z-index:10;
	padding-left:8px;
	margin:0px;
	text-align:left;
}

.scroll {
	width:100%;
	height:100%;
	z-index:13;
}

.left2scroll h1 {
	font-family:cakentruffles;
	font-size:14px;
	text-align:center;
	filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	color:white;
	margin-top:8px;
	position:relative;
	display:block;
	z-index:10;
}

#updates {
    width: fit-content;
    padding: 3px;
    margin: 7px;
    background-color: pink;
    box-shadow: -1px -1.4px 1px inset white, 2px 3px 1.5px inset white, 0px 0px 2px white;
    border: 1px ridge pink;
    border-radius: 3px;
	font-size:12px;
}
	

.border-left2 {
	background-image: url(https://moeghosts.neocities.org/dividers/048-a.gif);
    background-size: contain;
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;
}

.cbox {
	float:right;
    width:170px;
	height:210px;
    margin:auto;
    border-width:8px;
    border-style:solid;
    border-image: url(https://moeghosts.neocities.org/white-border.gif) 8 fill round;
	overflow-y:auto;	
}

.btns2 {
	height:150px;
	width:186px;
    margin:auto;
	text-align:center;
	border:2px pink ridge;
	margin-top:5px;
	overflow-y:auto;
	background-image:url(https://moeghosts.neocities.org/backgrounds/tumblr_inline_p8aef7mCyO1qk1or3_75sq.gif);
}


.btns2 h1 {
	font-family:cakentruffles;
	font-size:12px;
	text-align:center;
	filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	color:white;
	position:relative;
	display:block;
	z-index:10;
}

	.border2 {
	background-image:url(https://images-ext-1.discordapp.net/external/xwDxNUKS-X_TfA9Svaow1BmqLMajjiuT955t7Ok2WgU/https/64.media.tumblr.com/1facbfc11a3618acfe1275df04b1ab08/tumblr_inline_mpfnc3D16g1qz4rgp.png?format=webp&quality=lossless); 
	background-size: contain; 
	background-repeat: repeat-x; 
	width: 100%; 
	height: 30px;
	}
	
	.morestuff {
		border:8px;
		border-style:solid;
		border-image:url(https://images-ext-1.discordapp.net/external/-WEpSJxwgmys8C7xIoKcUy1SfzZKZGejjztNf5Hwghg/https/foollovers.com/mat/baf/etc/et200-023-a.gif) 14 fill round;
		width:600px;
		margin:auto;
		margin-bottom:5px;
		height:200px;
	}
	
	.more-right h1 {
		font-size:24px;
		font-family:cakentruffles;
		text-align:center;
	    filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	    color:white;
	}
	
	.more-right {
		width:230px;
		height:185px;
		float:left;
		border-width:8px;
        border-style:solid;
        border-image: url(https://moeghosts.neocities.org/white-border.gif) 8 fill round;
	}
	
	.currently-border {
		float:right;
		width:330px;
		height:185px;
		border-width:8px;
		border-style:solid;
		border-image:url(https://file.garden/aA0eX2ASI2C8Ym93/borders/cookie-border.pnj) 12 fill round;
	}
	
	.currently h1 {
		font-family: "Arizonia", cursive;
	    filter: drop-shadow(1px 1px 0 #ffb0b3) drop-shadow(-1px 1px 0 #ffb0b3) drop-shadow(0 -1px 0 #ffb0b3) drop-shadow(1px 0 #ffb0b3);
	    color:white;
		padding-top:0px;
		margin-top:8px;
		margin-left:8px;
	}
	
	.currently {
		width:315px;
		height:170px;
		background-image:url(https://moeghosts.neocities.org/backgrounds/c053-1.gif);
		border:2px ridge pink;
		border-radius:4px;
		margin:auto;
		margin-top:5px;
	}
	
	table {
		width:290px;
		height:90px;
		font-size:10px;
		padding:0px;
		margin-top:0px;
		border:2px ridge pink;
		color:black;
		border-collapse:collapse;
		margin:auto;
	}
	
	td, tr {
		padding:2px;
		margin:0px;
		border:2px ridge pink;
		background-color:white;
	}
	
	
	
	



















@-webkit-keyframes fall {
0% {
opacity: 0.9;
top: 0
}
 
100% {
opacity: 0.2;
top: 100%
}
}
 
@keyframes fall {
0% {
opacity: 0.9;
top: 0
}
 
100% {
opacity: 0.2;
top: 100%
}
}
 
@-webkit-keyframes blow-soft-left {
0% {
margin-left: 0
}
 
100% {
margin-left: -50%
}
}
 
@keyframes blow-soft-left {
0% {
margin-left: 0
}
 
100% {
margin-left: -50%
}
}
 
@-webkit-keyframes blow-medium-left {
0% {
margin-left: 0
}
 
100% {
margin-left: -100%
}
}
 
@keyframes blow-medium-left {
0% {
margin-left: 0
}
 
100% {
margin-left: -100%
}
}
 
@-webkit-keyframes blow-soft-right {
0% {
margin-left: 0
}
 
100% {
margin-left: 50%
}
}
 
@keyframes blow-soft-right {
0% {
margin-left: 0
}
 
100% {
margin-left: 50%
}
}
 
@-webkit-keyframes blow-medium-right {
0% {
margin-left: 0
}
 
100% {
margin-left: 100%
}
}
 
@keyframes blow-medium-right {
0% {
margin-left: 0
}
 
100% {
margin-left: 100%
}
}
 
@-webkit-keyframes sway-0 {
0% {
-webkit-transform: rotate(-5deg)
}
 
40% {
-webkit-transform: rotate(28deg)
}
 
100% {
-webkit-transform: rotate(3deg)
}
}
 
@keyframes sway-0 {
0% {
-ms-transform: rotate(-5deg);
transform: rotate(-5deg)
}
 
40% {
-ms-transform: rotate(28deg);
transform: rotate(28deg)
}
 
100% {
-ms-transform: rotate(3deg);
transform: rotate(3deg)
}
}
 
@-webkit-keyframes sway-1 {
0% {
-webkit-transform: rotate(10deg)
}
 
40% {
-webkit-transform: rotate(43deg)
}
 
100% {
-webkit-transform: rotate(15deg)
}
}
 
@keyframes sway-1 {
0% {
-ms-transform: rotate(10deg);
transform: rotate(10deg)
}
 
40% {
-ms-transform: rotate(43deg);
transform: rotate(43deg)
}
 
100% {
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
}
 
@-webkit-keyframes sway-2 {
0% {
-webkit-transform: rotate(15deg)
}
 
40% {
-webkit-transform: rotate(56deg)
}
 
100% {
-webkit-transform: rotate(22deg)
}
}
 
@keyframes sway-2 {
0% {
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
 
40% {
-ms-transform: rotate(56deg);
transform: rotate(56deg)
}
 
100% {
-ms-transform: rotate(22deg);
transform: rotate(22deg)
}
}
 
@-webkit-keyframes sway-3 {
0% {
-webkit-transform: rotate(25deg)
}
 
40% {
-webkit-transform: rotate(74deg)
}
 
100% {
-webkit-transform: rotate(37deg)
}
}
 
@keyframes sway-3 {
0% {
-ms-transform: rotate(25deg);
transform: rotate(25deg)
}
 
40% {
-ms-transform: rotate(74deg);
transform: rotate(74deg)
}
 
100% {
-ms-transform: rotate(37deg);
transform: rotate(37deg)
}
}
 
@-webkit-keyframes sway-4 {
0% {
-webkit-transform: rotate(40deg)
}
 
40% {
-webkit-transform: rotate(68deg)
}
 
100% {
-webkit-transform: rotate(25deg)
}
}
 
@keyframes sway-4 {
0% {
-ms-transform: rotate(40deg);
transform: rotate(40deg)
}
 
40% {
-ms-transform: rotate(68deg);
transform: rotate(68deg)
}
 
100% {
-ms-transform: rotate(25deg);
transform: rotate(25deg)
}
}
 
@-webkit-keyframes sway-5 {
0% {
-webkit-transform: rotate(50deg)
}
 
40% {
-webkit-transform: rotate(78deg)
}
 
100% {
-webkit-transform: rotate(40deg)
}
}
 
@keyframes sway-5 {
0% {
-ms-transform: rotate(50deg);
transform: rotate(50deg)
}
 
40% {
-ms-transform: rotate(78deg);
transform: rotate(78deg)
}
 
100% {
-ms-transform: rotate(40deg);
transform: rotate(40deg)
}
}
 
@-webkit-keyframes sway-6 {
0% {
-webkit-transform: rotate(65deg)
}
 
40% {
-webkit-transform: rotate(92deg)
}
 
100% {
-webkit-transform: rotate(58deg)
}
}
 
@keyframes sway-6 {
0% {
-ms-transform: rotate(65deg);
transform: rotate(65deg)
}
 
40% {
-ms-transform: rotate(92deg);
transform: rotate(92deg)
}
 
100% {
-ms-transform: rotate(58deg);
transform: rotate(58deg)
}
}
 
@-webkit-keyframes sway-7 {
0% {
-webkit-transform: rotate(72deg)
}
 
40% {
-webkit-transform: rotate(118deg)
}
 
100% {
-webkit-transform: rotate(68deg)
}
}
 
@keyframes sway-7 {
0% {
-ms-transform: rotate(72deg);
transform: rotate(72deg)
}
 
40% {
-ms-transform: rotate(118deg);
transform: rotate(118deg)
}
 
100% {
-ms-transform: rotate(68deg);
transform: rotate(68deg)
}
}
 
@-webkit-keyframes sway-8 {
0% {
-webkit-transform: rotate(94deg)
}
 
40% {
-webkit-transform: rotate(136deg)
}
 
100% {
-webkit-transform: rotate(82deg)
}
}
 
@keyframes sway-8 {
0% {
-ms-transform: rotate(94deg);
transform: rotate(94deg)
}
 
40% {
-ms-transform: rotate(136deg);
transform: rotate(136deg)
}
 
100% {
-ms-transform: rotate(82deg);
transform: rotate(82deg)
}
}
 
.sakura {
background: -webkit-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
background: linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
pointer-events: none;
position: absolute
}