* {
margin: 0;
padding: 0;
box-sizing: border-box;}

/* Basics */
body {
  background-color: #0d0d0d;
  color: #ccc;
  font-size:13px;
  display:flex;
  min-height:100vh;
  letter-spacing: 1px;
}

textarea {
  background:#222;
  color:#999;
  letter-spacing:1px;
  font-size:10px;
}

/* Links */
a:link,a:visited,a:active { 
  color: #888; 
  text-decoration: none; 
}
a:hover { 
  color: #444; 
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #000; 
  border:1px solid #eee;
  border-radius: 3px;
}

::-webkit-scrollbar { 
width: 7px; 
height: 0px; 
background: transparent;
}

/* Sidebar */
.sidebar {
position: sticky;
top: 0;
height: 100vh;
width: 200px;
background: #8b0000;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}

.sidebar h2 {
font-family: 'hamburger_schwabacher';
font-size: 16px;
color: white;
margin-bottom: 10px;
text-shadow: 2px 2px 4px black;
}

.sidebar a {
color: white;
text-decoration: none;
margin: 10px 0;
transition: color 0.3s;
}

.sidebar a:hover {
color: #ff3333;
}
    
.blinkie {
  margin-bottom:5px;
}

/* Main Content */
.content {
flex: 1;
padding: 50px 20px 20px 50px; 
background: url(https://64.media.tumblr.com/40df69e452859877c3b2b3212732aaa7/271d65e1b722841d-8d/s75x75_c1/04f1c8df991327e198e59c87b9b64cf091963b08.gifv) repeat-x;
}

.site-name {
font-family: 'hamburger_schwabacher';
font-size: 22px;
color: #DA1632;
margin-bottom: 10px;
text-shadow: 3px 3px 6px black;
text-align:center;
}
    
.slogan {
  text-align:center;
  font-style:italic;
  color:#999;
}

.post {
background: #1a1a1a;
border: 2px solid #8b0000;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 0 10px #8b0000;
max-width: 500px;
width: 100%;
}

.post h3 {
font-family: 'hamburger_schwabacher';
margin-bottom: 10px;
color: #DA1632;
letter-spacing:4px;
}

/* This makes layout responsive ! */
@media (max-width: 768px) {
body {
flex-direction: column;
}

.sidebar {
position: relative;
height: auto;
width: 100%;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
      

.sidebar h2 {
width: 100%;
text-align: center;
margin-bottom:5px;
}

.content {
padding: 15px;
padding-top:50px;
}

.site-name {
font-size: 22px;
text-align: center;}
}