/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(#edbbd2, #beedbb);
  border-radius: 5px;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: wavy underline;
}

a:active {
  text-decoration: underline;
}

body{
	background-image: url("background.jpg");
	cursor: url("https://64.media.tumblr.com/1f81b6e806e268f3b3b8bd1bafffcac0/e619323abe72d535-81/s75x75_c1/e21fc878ea0ab7d8eb48bfdfcf155320ef2baf13.pnj"), auto;
}

@font-face {
  font-family: font;
  src: url(Winkle-Regular.ttf);
}
p{
	font-family: font;
	font-size: 20px;
}

::selection {
  color: #f5699c;
  background-color: #ffd1e2;
}

.neighbours-warning{
	color:#487055
}
.neighbours-warning::selection{
	color: #95e6b0;
	background-color: #e695b8;
}
.todo-text{
	color:#803259;
}
.todo-text::selection{
	color:#fc8db6;
	background-color:#fcea8d;
}

.back{
  width: 1400px;
  height: 1580px;
  position: absolute;
  top: 20px;
  left: 13.541666666666666%;
}

.pinkbunny{
	width: 381px;
	height: 105px;
	position: absolute;
	top: 330px;
	left: 32%;
	transition: .2s ease; 
}
.pinkbunny:hover {
	transform: translateY(-30%)
}
.me{
	width: 595px;
	height: 354px;
	position: absolute;
	top: 680px;
	left: 38%;
	background-image: url("me1.png");
}
.me:hover{
	background-image: url("me2.png");
}
	
.intro-text{
	width: 690px;
	height: 680px;
	position: absolute;
	top: 420px;
	left: 36%;
	color:#9c3058;
}
.banner{
	width: 1340px;
	height: 300px;
	position: absolute;
	top: 50px;
	left: 15.104166666666666%;
}
.link{
	width: 340px;
	height: 310px;
	position: absolute;
	top: 370px;
	left: 15.104166666666666%;
	background-image: url("links.png")
}
.divider1{
	width: 340px;
	height: 30px;
	position: absolute;
	top: 690px;
	left: 15.104166666666666%;
}
.pet{
	width: 340px;
	height: 320px;
	position: absolute;
	top: 730px;
	left: 15.104166666666666%;
}
.aboutme{
	width: 768px;
	height: 680px;
	position: absolute;
	top: 370px;
	left: 33.8%;
}
.music{
	width: 192px;
	height: 400px;
	position: absolute;
	top: 370px;
	left: 74.9%;
}
.mysite{
	width: 220px;
	height: 120px;
	background-image: url("mysite.png");
	position: absolute;
	top: 1170px;
	left: 60%;
	justify-content: center;
}
.divider2{
	width: 192px;
	height: 30px;
	position: absolute;
	top: 735px;
	left: 74.9%;
}
.stamp{
	width: 192px;
	height: 277px;
	position: absolute;
	overflow: scroll;
	top: 775px;
	left: 74.9%;
}

.thestamps{
	width: 172px;
	height: 237px;
	position: absolute;
	top: 795px;
	left: 75.85%;
}

.divider3{
	width: 1340px;
	height: 100px;
	position: absolute;
	top: 1060px;
	left: 15.104166666666666%;
}
.chat{
	width: 350px;
	height: 400px;
	position: absolute;
	top: 1170px;
	left: 15.104166666666666%;
}
.neighbour{
	width: 450px;
	height: 270px;
	position: absolute;
	top: 1170px;
	left: 34.5%;
}
.neighbour-gif{
	width: 370px;
	height: 100px;
	position: absolute;
	top: 1150px;
	left: 34%;
}
.marq{
	width: 450px;
	height: 110px;
	background-image: url("marquee.jpg");
	position: absolute;
	top: 1460px;
	left: 34.5%;
}
.marquee-image{
	width: 450px;
	height: 110px;
	position: absolute;
	top: 1470px;
	left: 34.5%;
}
.todo{
	width: 210px;
	height: 200px;
	background-image: url("todo.png");
	position: absolute;
	top: 1350px;
	left: 60.3%;
}
.image1{
	width: 230px;
	height: 400px;
	position: absolute;
	top: 1170px;
	left: 72.8%;
}

.krusie{
	width: 101px;
	height: 63px;
	position: absolute;
	top: 1288px;
	left: 63%;
	background-image: url("platonickrusie1.png");
}
.krusie:hover{
	background-image: url("platonickrusie2.png");
}




div.thestamps {
	width: 172px;
	height: 237px;
	position: absolute;
	top: 795px;
	left: 75.55%;
	overflow-y: scroll;
}
div.coolsites {
	width: 380px;
	height: 200px;
	position: absolute;
	top: 1220px;
	left: 36.2%;
	overflow-y: scroll;
}

.mylink {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.pinkwave {
	text-align: center;
	font-size:2em;
	animation: tilt 1s infinite alternate;
	position: absolute;
	top: 1145px;
	left: 62.8%;
	color:#8f285b
}

@keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}

@-webkit-keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}

.linkme-link{
	position: absolute;
	top: 1260px;
	left: 61.4%;
}


.link-1{
	color:#FF9AA4;
}
.link-6{
	color:#b785e6;
}
.link-7{
	color:#68B5DF;
}
.link-1:hover{
	background-color: #ffd1e0;
}
.link-6:hover{
	background-color: #dfc6f7;
}
.link-7:hover{
	background-color: #c5eafc;
}