@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

[contenteditable]:focus { outline: 0px solid transparent; }

body { background-color: #efefef; margin: 0; }

.writerpanel { padding: 10px 16px; background: #555; color: #f1f1f1; position: fixed; top: 0; width: 100px; overflow: hidden; }
.paneltxt { font-family: sans-serif; }

.thewriter { 
	background-color: white; 
	font-family: 'Courier'; 
	font-size: 12pt;
	font-weight: 400; 
	max-width: 586px; 
	min-width: 586px; 
	margin: auto; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 0px; 
}
.theprinter {
	padding-top: 96px;
	padding-bottom: 96px; 
    background-color: white; 
    max-width: 816px; 
	min-width: 816px;
	margin: auto;
}
	
/* .updating { background-color: #fff6f6 !important; } */
/* .updating { outline: 1px solid #ffeaea !important; outline-offset: 2px; } */
.updating { border-left: 2px solid #ffeaea !important; padding-left: 10px !important; }

/* FORMATTING FOR SECTIONS */
.writersection { margin-bottom: 12pt; padding: 0px; background-color: white; font-family: 'Courier';  }
.deletebutton { float: left; margin-left: -23px; color: red; font-family: sans-serif; font-weight: 900; }

/* Lots of color */
/*
.scene { text-transform: uppercase; background-color: #c5c5c5; }
.action { background-color: #0000ff12; }
.character { text-transform: uppercase; background-color: #4caf5059; width: 30%; margin: auto; padding-left: 50px;}
.dialog { border: solid 2px #4caf5059; width: 45%; margin: auto; margin-bottom: 1.5em; }
*/

/* No color */

.scene { text-transform: uppercase; background-color: #c5c5c5; }
.action {  }
.character { text-transform: uppercase; width: 30%; margin: auto; padding-left: 50px;}
.dialog { width: 45%; margin: auto; margin-bottom: 1.5em; }


/* Slight bg color */
/*
.scene { text-transform: uppercase; background-color: #c5c5c5; }
.action { background-color: #f7f7f7; }
.character { border: solid 2px #f7f7f7; text-transform: uppercase; width: 30%; margin: auto; padding-left: 50px;}
.dialog { width: 45%; margin: auto; margin-bottom: 1.5em; background-color: #f7f7f7; }
*/