@font-face{
  font-family: 'n1'; /* Name you choose to reference the font in your CSS */
  src: url('Berkahi-Blackletter.ttf');
  font-weight: normal; /* Define the weight for this specific file */
  font-style: normal; /* Define the style for this specific file */
}

*{
  box-sizing:border-box;
  position:relative;
}

body{
  background-color: black;
  padding:2.5% 0;
}

main{
  width:470px;
  height:700px;
  margin:0 auto;
  /*border-left:5px ridge darkred;
  border-top:5px ridge darkred;
  border-right:5px groove darkred;
  border-bottom:5px groove darkred;
  border-radius:10px;*/
  border:20px solid transparent;
  border-image: url('border.png') 8 round; 
  border-image-width: 10px;
  /*box-shadow:0 0 0 2px black, 0 0 0 3px red;*/
  padding:0.2% 1%;
  background-color: black;
}

aside{
  width:150px;
  height:700px;
  margin:0 auto;
  border:20px solid transparent;
  border-image: url('border.png') 8 round; 
  border-image-width: 10px;
  border-left: none;
  border-right:none;
  padding:1%;
  position:absolute;
  background-color: black;
}
aside:nth-child(1){
  left:-175px;
  top:0;
}
aside:nth-child(2){
  right:-175px;
  top:0;
}

h1, h2, h3{
  font-family: n1;
  color:red;
}
p, li{
  color:white;
}
a, a:visited{
  color:red;
}
.title{
 line-height:0.5;
 font-size:3em;
 margin-bottom:5px;
}
.tags{
  color:red;
  font-size:0.7em;
  margin-top:0;
}

.center{
  text-align: center;
}

header{
  height:200px;
  width:458px;
  /*border:3px double red;*/
  border:20px solid transparent;
  border-image: url('border2.gif') 26 round; /*by @schizsou on tumblr*/
  border-image-width: 10px 0 10px 0;
  left:50%;
  transform:translateX(-50%);
}

.scroll{
  overflow-y: auto;
  width:100%;
  height:100%;
  -ms-overflow-style: none;  
  scrollbar-width: none;
}

.scroll::-webkit-scrollbar{
  display: none;
}

article{
  width:100%;
  border:4px groove red;
  padding:1% 2.8%;
  border-radius:5px;
}
article:nth-of-type(1){
  height:330px;
  margin-top:20px;
}