.dope-shadow{
  box-shadow: 0 0 0 0, 0 6px 12px rgb(34 34 34 / 10%);
}

.container {
  padding-right: 15px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;

}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }
  
}
@media (min-width: 1440px) {
  .container {
    width: 1320px;
  }
}

body {

	background-color: rgba(200, 200, 200, 0.8);
}

main {
	background-color: #fff;
}


.blog-entry {
	padding-left: 8px;
}

.blog-entry:not(:last-child) {
	margin-bottom: 20px;
}

.blog-entry a {

	font-size: 2em;
	color: rgba(34,34,34,0.8);
	text-decoration: none;
}

nav a {

	font-size: 1.2em;
	color: rgba(34,34,34,0.8);
	text-decoration: none;
}

.logo-name{
	display: flex;
	align-items: center;

}

.logo {
	width: 70px;
	height: 70px;

}

.header-bg {

	background-position: center;
	background-size: cover;
	min-height: 300px;
	display:flex;
	justify-content:center;
	align-items:center;
	color: #fff;
}


header {

	padding-bottom: 30px;
}

footer {
	text-align: center;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;

}

.nav-holder {
	background-color: #fff;

}

pre {

	padding: 15px;
	overflow-x: auto;
}

@media (min-width: 1200px) {
	.post-holder{
		padding: 30px 50px;
		font-size: 1.2em;
	}
}

.post-holder p {
	line-height: 1.3;
}

.post-holder p > code {
    margin: 0 2px;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    background-color: #f2f2f2;

}

.post-holder strong {
	word-wrap: break-word;

}

.post-holder img {
	margin-top: 1em;
	margin-bottom: 1em;
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.post-holder a {

	border-bottom: 1px dotted rgba(162,162,162,0.8);
	text-decoration: none;
	color: rgba(34,34,34,0.8);

}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


h1, h2, h3, h4, h5, h6
{
	word-wrap: break-word;
}

.about {

	font-size:1.2em;
	line-height: 1.3;
}


#post-title{
	margin-bottom: 2em;
	font-size: 2.2em;
}