roll20-character-sheets/MatronsOfMystery/MatronsOfMystery.css

/* Set the min-width so that when the window is resized the look will stay consistant */

@import url('https://fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap');
.charsheet {
	background-color: #FFF2F2;
	min-width: 825px;
	font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
	font-size:14px;
	/*background-image: url('https://d1vzi28wh99zvq.cloudfront.net/images/4329/267203.jpg');*/
}

/* Universal styling applied to all elements of these types */

.sheet-title {
	text-align: center;	
}

h3 {
	font-size:2em;
	margin-bottom:10px;
	margin-top:10px;
	font-family: 'Modern Antiqua', Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
}

/* LAYOUT */
.sheet-container {
  display: grid;
  grid-template-columns: 450px 370px;
  grid-template-rows: auto;
  gap: 5px 5px;
  grid-template-areas:
    "personal investigation"
    "contacts conditions"
    "notes notes"
}

.sheet-personal {
	grid-area:personal;
}

.sheet-investigation {
	grid-area:investigation;
}

.sheet-contacts {
	grid-area:contacts;
}

.sheet-conditions-experience {
	grid-area:conditions
}

.sheet-notes {
	grid-area:notes;
}

/* DESIGN ELEMENTS */

/* personal */

.sheet-personal label {
	display: inline-block;
	width: 150px;
	vertical-align:top;
}

.sheet-personal input {
	display: inline-block;
	width: 270px;
}

.sheet-personal textarea {
	display: inline-block;
	width: 260px;
	height:55px;
	margin-bottom:0;
}

/* investigation */

.sheet-investigation .header {
	text-align:center;
	display:inline-block;
	font-weight:bold;
}

.sheet-investigation label {
	display: inline-block;
	width: 90px;
}

.sheet-investigation .primary {
	width:45px;
	display:inline-block;
	text-align:center;
}

.sheet-investigation input {
	width: 20px;
}

.sheet-investigation input[type=checkbox] {
	height: 20px;
	width: 20px;
	border-radius: 0;
}

.sheet-investigation button[type=roll].sheet-dice::before {
    font-family: 'dicefontd6';
    content: 'ff ';
}

.sheet-investigation button[type=roll].sheet-dice-advantage::before {
    font-family: 'dicefontd6';
    content: 'Fff ';
}

.sheet-investigation button[type=roll].sheet-dice-disadvantage::before {
    font-family: 'dicefontd6';
    content: 'ffF ';
}

.sheet-investigation p {
	font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
	font-style: italic;
	font-size:16px;
	margin-top:10px;
}

/* contacts */

.sheet-contacts textarea {
	display: inline-block;
	width: 420px;
	height:200px;
}

/* conditions and experience */

.sheet-conditions-experience input {
	display: inline-block;
	width: 270px;
}
.sheet-conditions-experience input[type=checkbox] {
	height: 20px;
	width: 20px;
	border-radius: 0;
	margin-bottom:3px;
}

.sheet-conditions-experience p {
	font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
	font-style: italic;
	font-size:16px;
	margin-top:10px;
}

/* notes */

.sheet-notes textarea {
	width:815px;
}