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

/* Track */
::-webkit-scrollbar-track {
  background: #e6f6fc;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-image: url('https://i.pinimg.com/1200x/31/d1/a9/31d1a9d4ea297c84b7c98595108f04ba.jpg');
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-image: url('https://i.pinimg.com/736x/23/3e/79/233e792690966bb651e57bb8df7ab0fe.jpg');
}
@font-face {
  font-family: star;
  src: url(../../Starborn.ttf);
}
@font-face{
	font-family: pixel;
	src: url(../../ChonkyBitsFontRegular-nA5x1.otf);
}

/* title */
.coding {
display:flex;
flex-wrap:wrap;
justify-content:center;
white-space:pre;
font-size: 2em;
font-family: star;
color: #80ccff;
-webkit-text-stroke: 1px white;
}
.coding span:hover{color: #c2e7ff;}

.wobble:nth-child(4n+1) {
-webkit-animation:tumblrwobble 4s ease-in-out -.5s infinite;
animation:tumblrwobble 4s ease-in-out -.5s infinite
}

@keyframes tumblrwobble{
0%  { transform:translateY(5%) skew(3deg) }
25% { transform:translateY(-5%) }
50% { transform:translateY(5%) skew(-3deg) }
75% { transform:translateY(-5%) }
to { transform:translateY(5%) skew(3deg) }
}

@-webkit-keyframes tumblrwobble{
0%  { transform:translateY(5%) skew(3deg) }
25% { transform:translateY(-5%) }
50% { transform:translateY(5%) skew(-3deg) }
75% { transform:translateY(-5%) }
to { transform:translateY(5%) skew(3deg) }
}

.wobble:nth-child(4n+2){
-webkit-animation:tumblrwobble 4s ease-in-out -1s infinite;
animation:tumblrwobble 4s ease-in-out -1s infinite;
}

.wobble:nth-child(4n+3){
-webkit-animation:tumblrwobble 4s ease-in-out -1.5s infinite;
animation:tumblrwobble 4s ease-in-out -1.5s infinite;
}

.wobble:nth-child(4n){
-webkit-animation:tumblrwobble 4s ease-in-out 0s infinite;
animation:tumblrwobble 4s ease-in-out 0s infinite;
}
/* --title-- */

body {
    margin: 0;
    padding: 0;
    background-color: #ecf8ff;
	cursor: url("https://64.media.tumblr.com/c55b9a2a007ef042b2975f888d41721b/a324df92b7afeba1-7d/s75x75_c1/13451b866ca4c1f7fa2bcac45d1fa6702203a455.gif"), auto;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content{
	max-width: 830px;
	padding-top: 20px;
}

a{
	text-decoration: none;
	color: #25b8f3;
	text-shadow: #ebf7ff 1px 0 20px;
}
a:hover{
	font-size: 1.2em;
}

p{
	font-family: pixel;
	color: #306b9d;
}