body { background-color: #0e162e; color: #f1f1f1; margin: 0; font-family: Verdana, Geneva, sans-serif; }

.container-fluid { margin-bottom: 100px; }

.header { background: #353151; height: 40px; }

.menu { background: #353151; border-bottom: 2px solid #9C4B68; }

.content { grid-column: 2 / 12; background-color: yellow; min-height: 100%; }

.footer { position: fixed; bottom: 0; width: 100%; height: 40px; line-height: 40px; background-color: #202020; text-align: center; font-size: 10px; }

.center { display: flex; align-items: center; justify-content: center; }

a { text-align: center; color: #9C4B68; text-decoration: none; font-size: 24px; }

a:hover { color: #513055; text-decoration: none; }

.navbar-custom { background-color: #353151; }

/* change the brand and text color */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text { color: rgba(255, 255, 255, 0.8); }

/* change the link color */
.navbar-custom .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link { color: #FFFFFF; text-decoration: none; border-bottom: none; }

.top30 { margin-top: 30px; }

.h2, h2 { font-size: 24px; color: lightgreen; }

#main_content { margin-bottom: 40px; }

.center-pagination { width: 240px; margin: auto; }

.date { font-size: 12px; font-style: italic; }

.highlight { color: #ff8080; }

.small { font-size: 14px; }

.game { position: relative; width: 50%; }

.image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; }

.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.game:hover .image { opacity: 0.3; }

.game:hover .middle { opacity: 1; }

.text { background-color: #ff8080; color: white; font-size: 16px; padding: 10px 20px; margin-bottom: 15px; }

.text > a { text-align: center; color: #fff; text-decoration: none; font-size: 16px; }

.text > a:hover { color: #513055; }

.img-center { margin: auto; display: block; }

.img-smaller { width: 100%; }

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