.hitokoto{
	position: fixed;
	top: 100%;
	left: 0;
	margin-top:-200px;
	width: 64%;
	text-align: center;
	color: white;
	cursor: default;
	transition: .5s;
	overflow: hidden;
	line-height: 10px;
  	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 18%;
}
.hitokoto_bg{
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(150deg, rgba(10,10,10,.5), rgba(10,10,10,.5), rgba(0,0,0,0));
	transition: .5s;
	backdrop-filter: blur(6px) !important;
}
.hitokoto:hover .hitokoto_bg, .hitokoto:hover #hitokoto_from, .hitokoto:hover .refresh, .hitokoto:hover .like{
	opacity: 1;
}
#hitokoto_text{
	font-size: 18px;
	transition: .5s;
	line-height: 1.5;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 5px black;
}
#hitokoto_from{
	opacity: 0;
	font-size: 15px;
	transition: .5s;
	line-height: 1.5;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 5px black;
}
#hitokoto_cb{
	position: absolute;
	opacity: 0;
	display: none;
	left: 0;
	top: 0;
}
.refresh{
	right: 20px;
	bottom: 11px;
	font-family: "Ossicles";
	font-size: 20px;
}
.like{
	right: 20px;
	top: 17px;
}

.like p, .like .s{
	font-size: 25px;
}
.like .likes{
	position: absolute;
	text-align: center;
	left: -14.5px;
	bottom: 0;
	width: 50px;
	color: white;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	transition: .5s;
}
.refresh,.like{
	position: absolute;
	cursor: pointer;
	color: rgb(132,136,140);
	transition: .5s;
	opacity: 0;
	display: inline-block;
}
.refresh p, .like p{
	position: relative;
	display: inline-block;
	font-size: small;
	color: rgb(158, 162, 165);
	transition: .5s;
	left: 5px;
	text-shadow: 0 0 1px black;
	
}
.like p{
	top: -3px;
}
.refresh p{
	top: -2px;
}
.refresh:hover{
	color: rgb(158, 162, 165);
}
.like:hover{
	color: rgb(255,74,89);
}
.refresh:hover p, .like:hover p{
	color: rgb(184, 188, 190);
}
@media screen and (max-width: 640px){
	#hitokoto_text,#hitokoto_from{
		font-size: small;
	}
	.hitokoto{
		top: 85%;
		padding: 0 50px;
		width: calc(100% - 100px);
	}
	.refresh{
		bottom: 0px;
	}
	.like{
		top: 10px;
	}
}
@media screen and (max-width: 740px){
	.refresh p, .like p{
		opacity: 0;
	}
	.refresh, .like{
		right: -60px;
	}
	@media screen and (max-width: 640px){
		.refresh, .like{
			right: -70px;
		}
	}
}