body { margin: 0; }
wrapper-center {
	display: block;
	width: 350px;
	margin: auto;
}
neoblog-nav {
	width: 75px;
	display: grid;
	margin: 20px auto;
	grid-template-columns: 1fr 1fr 1fr;
	& button.left {
		grid-column: 1;
		    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    outline: none;
	}
	& span.current {
		grid-column: 2;
		text-align: center;
	}
	& button.right {
		grid-column: 3;
		    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
	}
}

 @font-face { 
   font-family: magic;
   src: url('/fonts/magic.ttf'); 
   }

    @font-face { 
   font-family: magic2;
   src: url('/fonts/magic2.ttf'); 
   }
   
      @font-face { 
   font-family: nemo;
   src: url('/fonts/nemo.ttf'); 
   }

   
article {
	margin: 10px 0;
	background: url(), radial-gradient(rgba(255, 255, 232, 0.2), rgba(0, 0, 0)), url(/img/bg/wilderness.jpg);
	background-size:100% 100%;
	overflow:auto;
	height:350px;
	width:102%;
	font-family:nemo;
	padding:5px;
	filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #417ed1) drop-shadow(0px 0px 1px #417ed1);
  text-shadow: -1px 0 var(--outline1), 0 1px var(--outline1), 1px 0 var(--outline1), 0 -1px var(--outline1);
}

article h1 {
    text-align: center;
    background: linear-gradient(purple, blue);
    text-transform: uppercase;
    font-family:magic;
    font-size:30px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 filter: drop-shadow(0px 0px 1px lightblue) drop-shadow(0px 0px 1px lightblue) drop-shadow(0px 0px 1px lightblue) drop-shadow(0px 0px 1px lightblue) drop-shadow(0px 0px 1px lightblue) drop-shadow(1px 1px 0px lightblue);
 text-shadow: -1px 0 var(--outline1), 0 1px var(--outline1), 1px 0 var(--outline1), 0 -1px var(--outline1);
}

article p {
    text-align: center;
    color:white;
    font-size:20px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
post-header {
	display: block;
	padding: 3px;
	background-image: url('/img/bg/Image415.jpg');
	background-size:100%;
	font-family:magic;
	color:white;
	font-size:20px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
post-new {
	float: right;
}
post-main {
	display: block;
}

.capture:hover {
    transform:scale(1.9);
    
}