body { margin: 0; background: #fff; font-size: 24px; font-weight: 100; }

a { color: #cc2727; text-decoration: none; }

a:hover { color: #ee4949; }

/** HEADER **/
#header { width: 100%; height: 111px; overflow: hidden; position: relative; }

#navigation { position: absolute; top: 50px; width: 100%; text-align: center; font-family: 'Gentium Basic', serif; font-weight: 700; background: #fff; font-size: 36px; letter-spacing: 1px; z-index: 1; }

#navigation a.navlink { color: #aaa; padding: 20px 20px 20px 20px; font-size: 24px; text-decoration: none; -webkit-transition: color ease-in-out; -moz-transition: color ease-in-out; -ms-transition: color ease-in-out; transition: color ease-in-out; }

#navigation a.navlink:hover { color: #000; }

.homelink { color: #222; float: left; }

.homelink:hover { color: inherit; }

.table-of-contents > div { display: inline-block; margin-top: 15px; border-radius: 10px; border: 1px solid gray; background: #fdfcf7; padding: 15px 35px; }

.table-of-contents .toc-item { margin: 5px auto; }

/** MODAL **/
.fit-image img:hover { opacity: 0.8; }

/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0, 0, 0, 0.55); }

.modal img { border: 4px dashed rgba(255, 255, 255, 0.4); filter: drop-shadow(0 0 0.75rem black); max-height: 75%; }

.modal .close { z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); }

.modal .modal-content { display: block; margin: 0 auto; }

/** CONTENT **/
#content { margin: 0 auto; border-top: 1px solid #dddddd; font-size: 16.8px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #666; margin-bottom: 50px; }

#content .fit-image { margin-bottom: 30px; }

#content .fit-image .fit-image-caption { font-style: italic; font-size: 1rem; }

#content .fit-image img { display: block; width: 50%; border: 2px solid #222; cursor: pointer; }

#content .gameLink { font-family: 'Open Sans', sans-serif; color: #222222; }

#content .thanks-list li { margin-bottom: 16px; }

#content > a:first-child > div { margin-top: 20px; }

#content > a { text-decoration: none; }

#content > a:hover > div { opacity: 0.7; }

#content > .section { clear: both; text-align: center; letter-spacing: 10px; margin-top: 40px; margin-bottom: 25px; }

#description { font-family: 'Gentium Basic', serif; font-weight: 700; }

.gameLine { height: 50px; display: table; margin-bottom: 15px; }

.circle { width: 50px; height: 50px; border: 1px solid black; border-radius: 25px; background-size: contain; float: left; margin-right: 15px; }

.gameText { display: table-cell; vertical-align: middle; color: #666; }

.gameText b { color: darkgreen; }

.section-header { font-size: 24px; font-family: 'Open Sans', sans-serif; color: #222; margin: 40px auto 20px auto; }

div.hr-separator { border-bottom: 1px solid #ddd; width: 50%; margin: 45px auto; }

.embed-quote { width: 80%; border: 1px solid #999; margin: 0 auto; font-style: italic; padding: 10px 20px; margin: 25px auto; background: #fdfcf7; }

.embed-quote .main-quote { color: #999; margin-bottom: 5px; }

.embed-quote .attribution { font-size: 0.8rem; margin-left: 25px; margin-top: 0px; color: #999; }

.blog-section-header { position: relative; margin-top: 45px; border-top: 1px solid gray; }

.blog-section-header h3 { margin-block-start: 1.83em; }

.blog-section-header .back-to-top { position: absolute; left: -25px; top: 36px; }

/*# sourceMappingURL=styles.css.map */