@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
* {
	box-sizing: border-box;
}

body {
  background-color: #9921e8;
background-image: linear-gradient(315deg, #9921e8 0%, #5f72be 74%); 
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
  min-height: 100vh;
}
.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;
}
.header{
  background-color: #7f53ac;
background-image: linear-gradient(315deg, #7f53ac 0%, #647dee 74%);
  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: black;
}
.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;
}
@media screen and (max-width: 800px) {
	.blog-container {
		flex-direction: column;
		height: auto;
	}