/* 

Daily Blackout Poetry Challenge

style.css

license GPLv3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
Code repository: 
Written by Jacob Haddon https://jacobhaddon.com

 */

@font-face {
font-family: "lora";
src: local("Lora"),
		url("fonts/Lora/Lora-VariableFont_wght.ttf");
}

@font-face {
font-family: "brygada";
src: local("Brygada1918"),
		url("fonts/Brygada_1918/Brygada1918-VariableFont_wght.ttf");
}

@font-face {
font-family: "lora";
src: local("Lora"),
		url("fonts/Lora/Lora-VariableFont_wght.ttf");
font-weight: normal;
}

body {
	margin: 40px auto;
	max-width: 750px;
	font: 18px/1.6 lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif;
	padding: 0 10px:
	word-break: break-word;
}

a {
	text-decoration: none;
	color: RebeccaPurple;
}

a:hover {
	text-decoration: underline;
}

.help {
	display: none;
}

/* Styles for the help section of the site */

#help {
	color: white;
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: black;
	width: 100%;
}

#help a {
	color: white;
}

.helpbox {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10;
}

.helpwords {
	margin: 40px auto;
	max-width: 650px;
}

/* styles for the 'page */
#spina {
	max-width: 100%;
	margin: 0;
	border-style: solid;
	padding: 10%;
	border-width: 1px;
	/*background-color: #fdf8e9;*/
}

#byline {
	font: italic 14px/1.1 lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif;
	padding: 0 25px 25px 25px;
}

.click {
	background-color: Plum;
}

/* Styles for the blacked-out page */

.clickDone {
	background-color: white;
	padding: 2px;
}

.done {
	background-color: black;
	/*border: 10px solid black;*/
}

.purple {
	color: RebeccaPurple;
}