/* keep it simple, silly */

* {
    box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #3b5ab8;
}

a:hover, a:focus {
	color: #6699f2;
}

p {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-image: url('imgs/graph.png');
    background-repeat: repeat;
    background-size: 30px 30px;
    font-family: "VT323", monospace;
}

	#gridspace {
		display: flex;
		flex-direction: row;
		height: 100vh;
	}

		.entryspacer {
			margin-top: 20px;
		}

		#entry-links {
			display: flex;
			flex-direction: column;
			width: 250px;
			border-right: 1px solid black;
			background-color: white;
		}

		#linkholder {
			font-size: 20px;
		}

		#linkholder p {
			text-align: center;
			padding-top: 20px;
			font-size: 26px;
		}

		#back {
			padding: 10px 0 0 15px;
			text-align: left;
			font-size: 20px;
		}

	#binding {
		flex: 1;
		height: 100vh;
		display: flex;
		flex-direction: column;
	}

		iframe {
			width: 100%;
			height: 100%;
			border: none;
		}

	/* LOGS */

	.journal {
		width: 600px;
		height: auto;
		border: 1px solid black;
		margin-top: 75px;
		margin-left: 195px;
		background: white;
	}

		.ptitle {
			display: flex;
			justify-content: space-between;
		}

		.head {
			font-size: 25px;
			padding: 10px;
		}

		.date {
			font-size: 25px;
			padding: 10px;
		}

	.inner {
		padding: 20px;
	}

		.ptext {
			font-size: 18px;
		}

		.myheader {
			font-size: 22px;
			border-bottom: 1px dotted grey;
		}

		.quote {
			padding-left: 15px;
			border-left: 3px solid #dbd9ce;
		}
		
		.blu-hilite {
			background-color: #cfe3fa;
		}	
		
		.red-hilite {
			background-color: #ffc6a3;
		}

		.asterisk {
			color: #706d65;
		}
		
		ol, ul {
			margin: 0;
			padding-left: 40px;
		}
		
		li {
			padding-bottom: 15px;
		}
		
	/* IMAGES */

	img {
		max-width: 500px;
	}
	
	.imgpop img:hover {
		max-width: 520px;
		width: 520px;
	}
	
	.center {
		display: block;
		margin: 0 auto;
	}