@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
* {box-sizing: border-box; transition: .2s ease-in;}
html, body {margin: 0; padding: 0;}
body {font-family: 'Source Sans Pro', sans-serif; background: #2b2f00 url('nonsense/rubbish.jpg');}
table {border-collapse: collapse; border: 0; padding: 0; margin: 0;}
div, td {color: #181818; font-size: 15.5px; font-weight: normal; letter-spacing: 0; line-height: 19px; padding: 0; margin: 0; vertical-align: top;}
p {padding: 0; margin: 5px 0;}
a {color: #212121; text-decoration: underline;}
a:hover {color: #000;}
h1 {padding: 4px 0; font-size: 25px; color: #8e2b00; margin: 0 0 5px 0; letter-spacing: -0.5px; line-height: 25px; text-align: left;}
.pullout {margin: 0 auto; width: 1100px; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.harmonious {position: relative; height: 177px; box-shadow: 0 3px 9px rgba(42,46,4,.65); z-index: 3;}
.harmonious img {border-bottom: 1px solid #71672c;}
.indeed {position: relative; background-color: #e7e4c5; margin: 0 auto; box-shadow: 0 8px 16px rgba(42,46,4,.9); z-index: 2;}
.harmonious, .harmonious img, .indeed, .ascending, .ascending img, .concretene td, .concretene img, .composition, .runout {border-radius: 8px;}
.character {width: 246px; margin: 0; padding: 10px 0 0 5px;}
.ascending {padding: 5px; font-size: 17px; font-weight: bold; letter-spacing: 0; background: #fefcf2; box-shadow: 0 0 5px rgba(42,46,4,.3);}
.ascending img {width:47px; height:47px; vertical-align: middle; margin-right: 5px;}
.ascending ul {padding: 0; margin: 0; list-style: none;}
.ascending li {padding: 2px 0;}
.ascending li a:link, .ascending li a:visited {text-decoration: underline;}
.ascending li a:hover {color: #333; text-decoration: none;}
.ascending .glitter {font-weight: bold; font-size: 17px; background-color: #fefffa; border-radius: 8px; box-shadow: 0 1px 4px rgba(42,46,4,.3);}
.ascending .glitter li a {color: #bf0002; text-decoration: none;}
.content {text-align: justify; padding: 5px 10px;}
.composition {padding: 6px 12px; margin: 5px auto; background: #fefcf2; box-shadow: 0 0 5px rgba(42,46,4,.3);}
.composition span {font-weight:bold;}
.composition a {font-weight:bold; font-size: 19px;}
.concretene {width: 100%; border-collapse: separate; border-spacing: 8px;}
.concretene td {width: 33%; text-align: left; padding: 5px; background: #fefcf2; box-shadow: 0 0 5px rgba(42,46,4,.3);}
.concretene td:hover {box-shadow: 0 0 10px rgba(42,46,4,.4);}
.concretene a {text-align: center; font-size: 19px; font-weight: bold; display: block;}
.concretene a:hover {filter: brightness(.9); color: #bf0002;}
.concretene img {margin: 7px auto;}
.runout {position: relative; width: 100%; height: 116px; background: url("nonsense/runout.jpg"); z-index: 1;}
.pullinto {width: 100%; vertical-align: middle; text-align: center;}
.exhaust {display: table; margin:0 auto;}
.exhaust div {display: inline-block; float: left; margin-right: 3px;}