@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jersey+10&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jersey+25&display=swap');
body {
	background-color:#13182B;
}
h2, h3 {
	font-family: 'Jersey 25', sans-serif;
	font-size: 2em;
	letter-spacing: 3px;
}
h3 {
	color: #BF4A4C;
	margin-bottom:1px;
}
a, a:visited {
	color:white;
}
p, li, a {
	font-family: 'Open Sans', system-ui;
}
p, li {
	font-size: 1em;
	padding: 2px 5px;
	margin-bottom: 7px;
}
a {
	text-decoration: none;
}
a:hover {
	filter: opacity(80%);
}
i {
	color:slategray;
}
li::marker {
	color:slategray;
	font-size: 1.15em;
}
.fen {
/* Changes the bullet type so you don't have to write out "fence sit" over and over */
	list-style: square outside url('../assets/bullet_fence.png');
}
td {
	min-width:15px;
}
.yes > b {
	background-color: seagreen;
	color: white;
	padding:3px;
}
.yes::marker {
	color: seagreen;
}
.demo > b {
	background-color:#2E6C8B;
	color:white;
	padding:3px;
}
.demo::marker {
	color:#2E6C8B;
}
.yes, .demo {
	padding:3px;
}
.writing {
	width:520px;
	height:725px;
	margin: 0 25px;
	padding: 0 15px;
	position: absolute;
	top:120px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.done {
	list-style: square outside url('../assets/bullet_check.png');
}
.clipboard {
	width:633px;
	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
	z-index: -3;
}
.home {
	max-width:20px;
	margin-top: 3px;
	filter:invert(100) opacity(100); 
}
.home:hover {
	filter:invert(100%) opacity(50%);
}

#h2026:hover, #h2025:hover {
	cursor: pointer;
}

@media screen and (max-width:900px) {
	.writing {
		overflow-x: scroll;
	}
}