body {
	font-family:Arial, Helvetica, Verdana;
	background-color:#000000;
}

#centered {
	width: 900px; 
	margin: 0 auto;
	padding: 40px 20px 40px 20px;
}

/*.container {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-template-rows: repeat(2, 100px);
}*/
.container {
	width:90%;
	margin: 40px auto;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(359px, 1fr));
    grid-template-rows: repeat(2,500px);
}

.container > div > img {
    width: 90%;
    object-fit: cover;
}

a {
  text-decoration: none;
  color:inherit;
}

p { 
	color: #eee; 
	font-family: 'Droid Sans', sans-serif; 
	font-size: 15px; 
	font-weight: 400; 
	line-height: 24px; 
	margin: 0 0 14px; 
}

img{
	vertical-align:bottom
}

.glow {
  font-size: 40px;
  color: #fff;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}


svg[height='0'][aria-hidden='true'] { position: fixed }

#post {
	--n: 4;
	box-sizing: border-box;
	place-self: center;
	margin-top:40px;
	width: 100%;
	padding: 1em;
	background: #ededed;
	color: #121212;
	font: clamp(.875em, 3.5vw, 1.75em) roboto condensed, sans-serif;
	filter: url(#tear);
	
	&:first-letter {
		float: left;
		margin-right: .125em;
		color: #e60073;
		font: 900 calc(var(--n)*1em)/ calc(var(--n)*1lh) kablammo, cursive
	}
}

#footer {
	text-align:center;
	padding-top:20px;
	padding-right:20px;
}