* {
    margin: 0;
    padding: 0;
}

:root {
  --main-color: #5f1782;
  --light-color: #1978a5;
  --font-size: 16px;
  --padding: 1rem;
  --top-nav-color: #1978a5;
}

#blog-header {
	background-image: linear-gradient(to right, var(--light-color), var(--main-color));
}

#blog-header li {
    list-style: none;
}

a {
    text-decoration: none !important;
}
a:hover {
    font-weight: 500;
}

.blog-logo {
    height: 30px;
	padding-left: 10px;
}

body {
	background-image: 
	linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
	linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;

    font-family: 'Roboto Mono', monospace !important;
}

.blog-body .container {
    background-color: #fff; 
    -webkit-box-shadow: 10px 0px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
   -moz-box-shadow:    10px 0px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
   box-shadow:         10px 0px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
}

#blog-footer {
	margin-top: 300px;
	background-image: linear-gradient(to right, var(--light-color), var(--main-color));
}

/* responsive toggler */
.fa-bars {
	color: #fff;
	font-size: 30px !important;
}