* {
	box-sizing: border-box;
}

body {
background: #EECDA3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #312620, #8C7A6E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #312620, #8C7A6E);
background-repeat: no-repeat;
background-attachment: fixed;/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-family: 'Open Sans', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
  min-height: 100vh;
}

.space-50 {
    display: block;
    padding: 50px;
}

::-webkit-scrollbar{
    filter: blur(3px);
    position: fixed;
    top: 0;
    right: 0;
    width: 16px;
    background: #2D251D;
}
  
::-webkit-scrollbar-thumb {
    background: linear-gradient(to top, #312620,#8C7A6E);
    border-radius: 50px; 
}


.container{
  background-color:#ffffff;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
 height: 90vh;
  width: 90vw;
  margin: auto; 
  display: flex;
  flex-direction: column;
}
.header{
  background-color: #616161;
  color: #ffffff;
  display: flex;
  flex: 3;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 3%;
}
.header h1{
  position: relative;
}

.header h1::after {
	background-color: #EECDA3;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 6px;
	width: 30%;
}
.author{
  display: flex;
  align-items: center;
}
.author img{
  border-radius: 50%;
  box-shadow: 10px 8px 5px 0px rgba(0,0,0,0.63);
-webkit-box-shadow: 10px 8px 5px 0px rgba(0,0,0,0.63);
-moz-box-shadow: 10px 8px 5px 0px rgba(0,0,0,0.63);
  margin-right: 5%;
  height: 100px;
}
.content{
  background-color: #ffffff;
  flex:4;
  padding: 1% 2% 3% 2%;
  position: relative;
}
.text{
  overflow: auto;
  height: 100%;
  color: #616161;
}
.text h2::first-letter{
  font-size: 200%;
  font-weight: bold;
}
.info{
  background-color: #ffffff;
  padding:2%;
position: absolute;
width: 100%;
bottom:0;
left: 0; }
.info a{
  color: #464646;
  text-decoration: none;
}

.c {
  display: flex;
  min-height: 825px;
}

.btn-group {
  align-items: baseline;
}

@media screen and (max-width: 800px) {
	.blog-container {
		flex-direction: column;
		height: auto;
	}
}

@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav {
      align-items: baseline !important;
  }
}