@import url(../assets/vendor/pygment-css-themes/default.css);
body { font-size: 1.1em; color: #212529; font-family: 'Lora', 'Times New Roman', serif; }

@media only screen and (max-width: 640px) { body { left: 10%; font-size: 1em; } }

html, body { overflow-x: hidden; }

p { line-height: 1.5; margin: 30px 0; }

p a { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: 800; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

a { color: #0085A1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

blockquote { font-style: italic; color: #868e96; border-left: 0.5rem solid #ced4da; padding-left: 1rem; margin-left: 2rem; }

.section-heading { font-size: 36px; font-weight: 700; margin-top: 60px; }

.caption { font-style: italic; display: block; margin: 0; padding: 10px; text-align: center; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

::-moz-selection { color: #fff; background: #fd7e14; text-shadow: none; }

::selection { color: #fff; background: #fd7e14; text-shadow: none; }

img::selection { color: #fff; background: transparent; }

img::-moz-selection { color: #fff; background: transparent; }

#mainNav { position: absolute; border-bottom: 1px solid #e9ecef; background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#mainNav .navbar-brand { font-weight: 800; color: #343a40; }

#mainNav .navbar-toggler { font-size: 12px; font-weight: 800; padding: 13px; text-transform: uppercase; color: #343a40; }

#mainNav .navbar-nav > li.nav-item > a { font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

@media only screen and (min-width: 992px) { #mainNav { border-bottom: 1px solid transparent; background: transparent; } #mainNav .navbar-brand { padding: 10px 20px; color: #fff; } #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { color: rgba(255, 255, 255, 0.8); } #mainNav .navbar-nav > li.nav-item > a { padding: 10px 20px; color: #fff; } #mainNav .navbar-nav > li.nav-item > a:focus, #mainNav .navbar-nav > li.nav-item > a:hover { color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) { #mainNav { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } #mainNav.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ position: fixed; top: -67px; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; border-bottom: 1px solid white; background-color: rgba(255, 255, 255, 0.9); } #mainNav.is-fixed .navbar-brand { color: #212529; } #mainNav.is-fixed .navbar-brand:focus, #mainNav.is-fixed .navbar-brand:hover { color: #fd7e14; } #mainNav.is-fixed .navbar-nav > li.nav-item > a { color: #212529; } #mainNav.is-fixed .navbar-nav > li.nav-item > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item > a:hover { color: #fd7e14; } #mainNav.is-visible { /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

header.masthead { margin-bottom: 50px; background: no-repeat center center; background-color: #868e96; background-attachment: scroll; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

header.masthead .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #212529; opacity: 0.5; }

header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading { padding: 100px 0 150px; color: white; }

@media only screen and (min-width: 768px) { header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading { padding-top: 150px; padding-bottom: 50px; } }

header.masthead .page-heading, header.masthead .site-heading { text-align: center; }

header.masthead .page-heading h1, header.masthead .site-heading h1 { font-size: 50px; margin-top: 0; }

header.masthead .page-heading .subheading, header.masthead .site-heading .subheading { font-size: 24px; font-weight: 300; line-height: 1.1; display: block; margin: 10px 0 0; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

@media only screen and (min-width: 768px) { header.masthead .page-heading h1, header.masthead .site-heading h1 { font-size: 80px; } }

header.masthead .post-heading h1 { font-size: 35px; }

header.masthead .post-heading .meta, header.masthead .post-heading .subheading { line-height: 1.1; display: block; }

header.masthead .post-heading .subheading { font-size: 24px; font-weight: 600; margin: 10px 0 30px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

header.masthead .post-heading .meta { font-size: 20px; font-weight: 300; font-style: italic; font-family: 'Lora', 'Times New Roman', serif; }

header.masthead .post-heading .meta a { color: #fff; }

@media only screen and (min-width: 768px) { header.masthead .post-heading h1 { font-size: 55px; } header.masthead .post-heading .subheading { font-size: 30px; } }

.post-preview > a { color: #212529; }

.post-preview > a:focus, .post-preview > a:hover { text-decoration: none; color: #0085A1; }

.post-preview > a > .post-title { font-size: 30px; margin-top: 30px; margin-bottom: 10px; }

.post-preview > a > .post-subtitle { font-weight: 300; margin: 0 0 10px; }

.post-preview > .post-meta { font-size: 18px; font-style: italic; margin-top: 0; color: #868e96; }

.post-preview > .post-meta > a { text-decoration: none; color: #212529; }

.post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover { text-decoration: underline; color: #fd7e14; }

@media only screen and (min-width: 768px) { .post-preview > a > .post-title { font-size: 36px; } }

.gslide-description { background: black !important; color: white !important; }

.highlight { background: linen; }

.floating-label-form-group { font-size: 14px; position: relative; margin-bottom: 0; padding-bottom: 0.5em; border-bottom: 1px solid #dee2e6; }

.floating-label-form-group input, .floating-label-form-group textarea { font-size: 1.5em; position: relative; z-index: 1; padding: 0; resize: none; border: none; border-radius: 0; background: none; box-shadow: none !important; font-family: 'Lora', 'Times New Roman', serif; }

.floating-label-form-group input::-webkit-input-placeholder, .floating-label-form-group textarea::-webkit-input-placeholder { color: #868e96; font-family: 'Lora', 'Times New Roman', serif; }

.floating-label-form-group label { font-size: 0.85em; line-height: 1.764705882em; position: relative; z-index: 0; top: 2em; display: block; margin: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease; -moz-transition: top 0.3s ease, opacity 0.3s ease; -ms-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; vertical-align: middle; vertical-align: baseline; opacity: 0; }

.floating-label-form-group .help-block { margin: 15px 0; }

.floating-label-form-group-with-value label { top: 0; opacity: 1; }

.floating-label-form-group-with-focus label { color: #fd7e14; }

form .form-group:first-child .floating-label-form-group { border-top: 1px solid #dee2e6; }

footer { padding: 50px 0 65px; }

footer .list-inline { margin: 0; padding: 0; }

footer .copyright { font-size: 14px; margin-bottom: 0; text-align: center; }

.btn { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.btn-primary { background-color: #fd7e14; border-color: #fd7e14; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background-color: #e96b02 !important; border-color: #e96b02 !important; }

.btn-lg { font-size: 16px; padding: 25px 35px; }

.book { text-transform: capitalize; }

.book--cover { max-width: 100px !important; padding: 10px; margin-left: 0 !important; transform: unset !important; filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); }

.book-effect-container { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; transform: scale(0.4); }

@media only screen and (min-width: 768px) { .book-effect-container { transform: scale(0.6); left: 60%; } }

.book-effect { width: 18.5em; height: 23.0991em; margin-top: -4.4em; position: relative; transform: perspective(60em) rotateX(58deg) rotateZ(-34deg) skewY(-7deg); box-shadow: -1.4em 1.7em 0.3em -0.3em rgba(0, 0, 0, 0.8), -1.6em 1.8em 0.9em -0.2em rgba(0, 0, 0, 0.5), 0.3em 1.9em 1.3em rgba(0, 0, 0, 0.3); border-top-right-radius: 0.4em; }

.book-effect img { border-top-right-radius: 0.4em; box-sizing: border-box; width: 100%; clip: rect(0em, 18.5em, 23.1em, 0em); display: block; position: absolute; filter: saturate(90%); }

.book-effect:before, .book-effect:after { content: ''; position: absolute; top: 0; }

.book-effect:before { width: 105%; height: 105%; left: -5%; z-index: -1; background-repeat: no-repeat; background-image: linear-gradient(115deg, transparent 2.8%, #3f3f3f 3%, #3f3f3f 16%, transparent 16%), linear-gradient(125deg, transparent 10%, #3f3f3f 10%, #3f3f3f 17%, #222 46.8%, transparent 47%), linear-gradient(125deg, transparent 46%, rgba(0, 0, 0, 0.5) 46.5%, rgba(0, 0, 0, 0.25) 49%, transparent 53%), linear-gradient(to right, #444, #666), linear-gradient(#444, #444), linear-gradient(140deg, transparent 45%, #eee 45%, #ccc 96.8%, rgba(170, 170, 170, 0) 97%); background-size: 100% 100%, 100% 100%, 100% 100%, 100% 0.4em, 94% 0.2em, 100% 100%; background-position: 0 0, 0 0, 0 0, 0 95.8%, 0 100%, 0 0; }

.book-effect:after { width: 100%; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(to right, transparent 2%, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0.1) 4%, transparent 5%), linear-gradient(-50deg, rgba(0, 0, 0, 0.1) 20%, transparent 100%), linear-gradient(-50deg, rgba(0, 0, 0, 0.2) 20%, transparent 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 20%, transparent 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 20%, transparent 100%); background-size: 100% 100%, 2% 20%, 1% 20%, 2% 20%, 1% 20%; background-position: 0 0, 2.2% 100%, 3% 100%, 2.2% 0, 3% 0; }

.highlight { background: linen; }

.masonry-item img { max-width: 100%; }

.masonry-item { padding: 10px; }

.gallery-overlay { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background: black; opacity: 0; transition: opacity .2s, visibility .2s; }

.gallery-overlay:hover { opacity: 0.7; }

.gallery-title { position: absolute; left: 20px; bottom: 20px; color: white; }

.game-thumbnail { margin: 10px; box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.36); border-radius: 5px; display: inline-block; overflow: hidden; }

.game-thumbnail img { width: 101%; }

.game-thumbnail--favorite:before, .game-thumbnail--favorite:after { content: ''; position: absolute; border-radius: 7px; bottom: 14px; top: 7px; left: 22px; right: 22px; background: linear-gradient(45deg, #ffff00, #ff3d01, #fb0094); background-size: 400%; z-index: -1; animation: steam 20s linear infinite; }

.game-thumbnail--favorite:after { filter: blur(30px); }

.game-title { position: absolute; bottom: 16px; right: 25px; left: 25px; color: white; background: black; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0) 100%); text-align: right; padding: 5px; border-radius: 5px; }

@keyframes steam { 0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; } }

.game-achievements { float: left; }

.gslide-description { background: black !important; color: white !important; }

.home-text { font-size: 3.3em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; line-height: 1.3em; }

.home-text-secondary { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.5em; font-weight: 100; line-height: 1.3em; }

.home-text-tertiary { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: 100; line-height: 1.3em; }

.home-text-link { text-decoration: none; color: #fd7e14; }

.home-image { max-width: 100%; border-radius: 10px; }

@media only screen and (min-width: 768px) { .home-image { max-height: 50vh; } }

.image-overflow { margin-left: 50%; transform: translateX(-50%); max-height: 90vh; margin-top: 1em; }

@media only screen and (max-width: 992px) { .image-overflow { max-width: 100%; } }

@media only screen and (min-width: 992px) { .image-overflow { max-width: 150%; } }

.image-caption { font-style: italic; display: block; padding: 2px; text-align: center; }

.photofeed-image { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1; }

.photofeed-image-container { display: inline-block; }

.photofeed-image-caption { font-style: italic; display: block; padding: 2px; }

.photofeed-navigation-thumbnail { width: 100px; height: 100px; object-fit: cover; }

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