html, body{
	margin: 0;
	padding: 0;
    height: 100vh;
    overflow:hidden;
    background-color: #fff;  
}
p, a, ul, li{
    color: #4688f1;
	font-family: Helvetica, sans-serif;    
    text-decoration: none;
    list-style: none;
    margin-left:0px;
    padding-left: 0px;
 	font-size: 20px;   
}
a:hover{
	cursor: pointer;
	color: #5bc622;
}
li{
	display: inline-block;
	padding-right: 5px;
}
#index {
	position: absolute;
    box-sizing: border-box;  
	width: 25%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 15px;

}
#items{
	position: absolute;
	bottom: 0;
	padding-right: 20px;
}
#title{
    font-family: Helvetica, sans-serif;	
	color: #111;
	margin: 0;
}
span.emoji{
    padding: 0 5px;
}
span.date{
    font-size: .8em;
}
span.date:hover{
    color: black;
}
::selection{
	color: #ff00ff;
}
iframe{
	position: absolute;
	height: 100%;
	width: 75%;
	top:0;
	right:0;
	border-left: 1px solid gray;
}