body{
	background-image: url("background.jpg");
	padding: 0;
	margin: 0;
}
body, html{cursor: url("https://64.media.tumblr.com/86b85d931bae0b46c9fe96fc5763e43b/eba9c526501f17b2-f7/s75x75_c1/0ff08558c89e5af1bd2c9b459012f99f7eae84d7.pnj"), auto;}

*::selection{
  color: #f07fa6;
  background-color: #fff2f7;
}

@font-face {
  font-family: star;
  src: url(../Starborn.ttf);
}
@font-face{
	font-family: pixel;
	src: url(../ChonkyBitsFontRegular-nA5x1.otf);
}

nav div{
	text-align: center;
}

.link, a{cursor: url("https://64.media.tumblr.com/65ccd4ee24f2cec6b555a1810271a5a7/tumblr_inline_mvrgx1sHjN1r8f9na.gif"), pointer;}

.link{
height: 50px;
line-height: 50%;
margin: 0 5px 10px 0;
background-image: url("https://i.pinimg.com/736x/7c/88/07/7c880705d185d5133f7c9326b5d2438f.jpg");
background-size: 100%;
border-radius: 10px;
border: 3px solid #ffa6c0;
font-family: star;
font-size: 1.4em;
/* -webkit-text-stroke: 2px white; */
/* text-stroke: 2px white; */
text-shadow: #bd4a78 1px 0 20px;
color: white;
}
.home:hover{animation: 6s infinite color;}
.link:hover p:not(.hard){mix-blend-mode: hard-light; text-shadow: none;}
.link:hover .hard:not(.p){mix-blend-mode: multiply; opacity: 80%;}
.drawing:hover{
	background-image: url("https://i.pinimg.com/originals/cf/71/24/cf71243905f506d3a8d9c6f3bafae7a9.gif");
	background-size: 100%;
	color: #a23ab0;
}
.scrapbook:hover{
	background-image: url("https://i.pinimg.com/originals/32/7a/80/327a8025d5cdf9e5752cad37d5ad8933.gif");
	background-size: 100%;
	background-position-y: 40%;
	color: #fff9de;
}
.music:hover{
	background-image: url("https://i.pinimg.com/originals/44/eb/17/44eb17afabc36a2df89e9bed6494587b.gif");
	background-size: 100%;
	background-position-y: 40%;
	color: #389df5;
}
.writing:hover{
	background-image: url("https://i.pinimg.com/originals/f3/f5/20/f3f5209146c2374b3bc0f3a4c641a81b.gif");
	background-size: 100%;
	background-position-y: 35%;
	color: #ff599c;
}
.diy:hover{
	background-image: url("https://i.pinimg.com/originals/2e/69/72/2e69724fb29e95c04605303ba5e9f9a5.gif");
	background-size: 100%;
	background-position-y: 90%;
	color: #9c4454;
}
.nature:hover{
	background-image: url("https://i.pinimg.com/originals/3d/3a/96/3d3a961d58ccf65374557fae90117ce5.gif");
	background-size: 100%;
	color: #ffcce2;
}
.cook:hover{
	background-image: url("https://i.pinimg.com/originals/13/e7/eb/13e7ebff0585ce8cce43941047b8e73b.gif");
	background-size: 100%;
	background-position-y: 40%;
	color: #e7e1f5;
}
.fashion:hover{
	background-image: url("https://i.pinimg.com/originals/22/b4/46/22b44626f465cda1f4bf3425fd5e1801.gif");
	background-size: 100%;
	background-position-y: 30%;
	color: #ff5e9f;
}
.game:hover{
	background-image: url("https://i.pinimg.com/originals/da/e5/5b/dae55be420be78901bd0d63049a0df06.gif");
	background-size: 100%;
	background-position-y: 50%;
	color: #ffeec2;
}
.code:hover{
	background-image: url("https://i.pinimg.com/originals/e5/bd/3a/e5bd3a2f2cf2f6f4dad0f531b92564be.gif");
	background-size: 100%;
	background-position-y: 100%;
	color: #8f63d6;
}
.collect:hover{
	background-image: url("https://i.pinimg.com/originals/47/23/44/472344f89d08d35b1e3a384611dc2581.gif");
	background-size: 100%;
	background-position-y: 80%;
	color: #5d803e;
}

#character:hover{
	animation-duration: 0.6s;
	animation-name: slidein;
}

#button{
	font-family: pixel;
	position: absolute;
	top: 100.8%;
	left: 117%;
	width: 100px;
	border-radius: 5px;
	border-width: 1px;
	cursor: url("https://64.media.tumblr.com/ab1112734d2eacb1705af324c23f9af3/tumblr_inline_p8049fyGN21qid2nw_75sq.gif"), pointer;
}

@keyframes slidein {

0% {
    transform: translateY(0);
}
20%{
	transform: translateY(-0.5em);
}
50% {
    transform: translateY(0);
}
70%{
	transform: translateY(-0.5em);
}
}
@keyframes select{
	0%{background-color:#fcb3d1;}
	20%{background-color:#e0a1ff;}
	50%{background-color:#a1ecff;}
	70%{background-color:#a1ffad;}
	90%{background-color:#fff9a1;}
}
@keyframes color{
	20%{filter: hue-rotate(130deg);
-webkit-filter: hue-rotate(130deg);
	-moz-filter: hue-rotate(130deg);}
	50%{filter: hue-rotate(219deg);
-webkit-filter: hue-rotate(219deg);
	-moz-filter: hue-rotate(219deg);}
	70%{filter: hue-rotate(309deg);
-webkit-filter: hue-rotate(309deg);
	-moz-filter: hue-rotate(309deg);}
}