@font-face {
font-family:'handy';
src: url(https://dl.dropbox.com/s/kqvt2miu9r4y9ye/handy00.ttf);
}

@font-face {
font-family: 'starlight';
src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf);
}

@font-face {
font-family: 'rosalicious';
src: url('/font/rosalicious.ttf') format('OpenType');

} 

a{
 text-decoration: none;
}


*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

 * {cursor: url(https://cur.cursors-4u.net/food/foo-3/foo258.ani), url(https://cur.cursors-4u.net/food/foo-3/foo258.png), auto !important;} /* End https://www.cursors-4u.com */

h1{
  font-size:40px;
	text-shadow: 1px 0px saddlebrown, -1px 0px saddlebrown, 0px 1px saddlebrown, 0px -1px saddlebrown, 0 0;
	color:#ffff;
}

#greeting{
  background: -webkit-linear-gradient(90deg,rgba(237, 104, 104, 1) 0%, rgba(255, 184, 184, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
}

h3{
 font-family:'rosalicious';
 font-size:21px;
}

ul{
 list-style-position: inside;
 list-style-image:url("/img/clover.gif");
 font-size:12px;  
 color:darkgray;
}

li{
 padding:5px;
}
body{
 background-image:url("/img/Backgrounds/greencheck.gif");
 background-size:200px;
 background-position: 0 0;
 animation: animatedBackground 1200s linear infinite;
 color:#b8d8f5;
 font-family:'starlight';
 height:100%;
 width:100%;
filter: blur(0.4px);
}

@keyframes animatedBackground {
from {
	background-position: 0 0;
}
/*use negative width if you want it to flow right to left else and positive for left to right*/
to {
	background-position: 10000px 10000px;
 }

}

.wrapper{
  margin:3rem auto;
  width:40rem;
  height:100%;
}

.lilpals{
	height:13rem;
	position:relative;
	display:flex;
	flex-direction:row;
	margin-bottom:-100px;
}

#cinnamaroll{
	pointer-events: none;
	width:auto;
	max-width:50rem;
	height:100%;
	transform: rotate(-6deg);
	z-index:1;
	
}


.header{
  text-align: center;
  font-family:'rosalicious';
  padding:15px;

}

#hder1{
	font-size:4.4rem;
	  z-index:20; 
 position:relative;
filter:drop-shadow(0px 0px 2px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 2px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 2px #FFFFFF) drop-shadow(0px 0px 0px #00000067);
color:white;
}



#hder1::after{
	content:url(http://decome.lolipop.jp/character/rilakkuma/pic109.gif);
     padding-left:10px;
}


.contentbg{
	border:2px solid brown;
     background-image:url("https://i.pinimg.com/originals/a6/75/94/a67594ebf74b5c838bdf1cf639273b5f.jpg");
     background-size:400px;
	border-radius:10px;
	padding:10px;
	
}

.contents{
	text-align:center;
	padding:20px;
     background-image:url("https://i.pinimg.com/736x/7e/16/b0/7e16b0f67ee65768b19e7e74e0a9be87.jpg");
     background-size:500px;
	border:4px ridge white;
	border-radius:10px;
     color:darkgray;
}

.contenttext{
	 display:flex;
}

.introduction{
	line-height: 2rem;
	padding:5px;
     color:#77b04c
}

.list{
  background-size:cover;
  border:2px ridge #a0d48a;
  border-radius:10px;
background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 73%, rgba(242, 245, 237, 1) 100%);
}

button a{
color:white;
	text-shadow: 1px 0px #736463, -1px 0px #736463, 0px 1px #736463, 0px -1px #736463, 0 0;
}


button{
background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(213, 245, 176, 1) 100%);
box-shadow: 3px 3px 2px inset white, -2px -2px 1px inset #dbdbdb;
	border:#a9db6e 4px dashed;
	padding:1% 3% 1% 3%;
	border-radius:10px;
	font-family:'handy';
	font-size:33px;
}

button:hover{
	background: #fff7f7;
     background: linear-gradient(0deg,rgba(255, 247, 247, 1) 0%, rgba(255, 184, 184, 1) 100%);
     box-shadow: 3px 3px 2px inset #EB8A8A, -2px -2px 1px inset white;
	border:#EB8A8A 4px dashed;
	padding:1% 3% 1% 3%;
     color:white;
}

.Goin{
	margin-top:10px;
	padding:10px;
	text-shadow: 1px 0px #cc4e47, -1px 0px #cc4e47, 0px 1px #cc4e47, 0px -1px #cc4e47, 0 0;
	font-size:1.2rem;
	color:white;
}

.enterlinks{
	text-align: center;
	padding:10px;
	
}

.divider1{
 background-image:url("https://64.media.tumblr.com/e4782e366cf767dcaf0f5812096b8c65/a65c63df337fdfb3-60/s250x400/8d4e362637708931d28dc337933eb5dd21a187a4.gifv");
 height:3.1rem;
 background-size:450px;
 background-repeat:repeat-x;	
}
.divider2{
 background-image:url("https://64.media.tumblr.com/a84576323cd31c199d6b323faed6f12c/56a6b02bee70e6b1-39/s400x600/22759a6a62e144830388492c6ecc35f71ea8b013.pnj");
 height:1.1rem;
 background-size:450px;
 background-repeat:repeat-x;	
}

@media screen and (max-width: 850px){

  .wrapper{
	  max-width:40rem;
	  width:95%;
	}

.contents{
   width:100%;
   font-size:13px;
    padding:10px;
  
}
	
	#hder1{
		font-size:3em;
	}
	
	.contentbg{
		padding:
	}
	
	.contenttext{
		flex-direction: column;
	}

 .warnings{
		height:14rem;
		overflow:auto;
}
	
	#cinnamaroll{
		width:10rem;
		height:10rem;
	}

	
button{
margin:0 auto;
font-size:2rem;
	}


}