.sheet-container { position: relative; font-family: serif; } .sheet-italic { font-style: italic; } .sheet-all-caps, h4, h3 { font-variant: all-small-caps; } .sheet-bold, .sheet-basic-info span { font-weight: bold; } .sheet-status .sheet-all-caps, .sheet-debt .sheet-all-caps { font-weight: initial; } .sheet-small-text { font-size: .85em; } .sheet-playbook { font-size: 1.5em; } .sheet-40, .sheet-18, .sheet-24, .sheet-middle, .sheet-half { display: inline-block; } .sheet-40 { width: 38%; } .sheet-half { width: 48%; } .sheet-18 { width: 19%; } .sheet-24 { width: 24%; } textarea { width: 96%; } .sheet-basic-info input { width: 75%; } .sheet-basic-info textarea { width: 72%; } .sheet-debt textarea { width: 94%; } .sheet-right input[type="text"] { width: 97%; } .sheet-right textarea { width: 94%; height: 40%; } .sheet-halfheight { height: 50%; } .sheet-blood { position: relative; padding-bottom: 15%; border-bottom: 1px solid #000; } .sheet-blood input { width: 80%; font-size: 2.5em; } .sheet-blood .sheet-all-caps { position: absolute; left: 20%; } .sheet-humanity { border-bottom: 1px solid #000; padding-bottom: 5%; margin-bottom: 5%; } .sheet-humanity > div { margin-bottom: 1em; } .sheet-humanity input[type="radio"] { margin-left: 15%; } .sheet-notes { margin-top: 3%; } .sheet-notes textarea { width: 93%; } .sheet-left { border-right: 1px solid #000; } .sheet-right { padding-left: 1%; border-left: 1px solid #000; position: absolute; height: 100%; } .sheet-middle { width: 20%; } .sheet-middle > div { padding-left: 2%; } h3 { clear: both; text-align: center; } .sheet-pull-up, .sheet-middle .sheet-half, .sheet-middle { vertical-align: top; } .sheet-pull-right { float: right; } input[type="radio"] { transform: scale(1.5); } .sheet-status .sheet-all-caps { padding-left: 5%; }