@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

		body {
		  background: linear-gradient(rgb(10,5,0,0.05), rgb(10,5,0,0.1)), url("batta.png") fixed;
			color: #FFF;
			margin: 0;
			padding: 0;
			font-family: lucida grande,verdana,arial,helvetica,georgian;
			font-size: 13px;
		}
		img {
			max-width: 100%;
		}
		a, .links {
			color: #d29ff7;
		}
		.outer {
			width: 1000px;
			margin: auto;
			position: relative;
		}
		.header {
			background: #666;
			width: 100%;
			height: 160px;
			border: 1px solid black;
			background-image: url(assets/bannerimg.png);
			background-size: cover;
		}
		.black {
			background: #000;
			border: 1px solid #FFF;
			padding: 24px;
			min-height: calc(100vh - 280px);
		}
		.white {
			background: #FFF;
			border: 1px solid black;
			padding: 24px;
			min-height: calc(100vh - 280px);
		}
		.nav-item {
			display: inline-block;
			border: 1px solid #FFF;
			position: relative;
			padding: 12px 24px;
			background: #000;
			bottom: -1px;
		}
		.nav-item.active {
			border-bottom: 1px solid #FFF;
		}
		.content {
			color: #FFF;
			width: 680px;
			float: left;
		}
		.side {
			width: 250px;
			float: right;
		}
		.clear {
			clear: both;
		}
		.side-box {
			background: #000;
			padding: 12px;
			min-height: 200px;
			border: 1px solid #e3c4fa;
		}
		textarea.code {
			background: #000;
			color: #FFF;
			font-family: monospace;
			padding: 12px;
			width: 100%;
		}
		.breadcrumbs {
			background: #EEE;
			display: inline-block;
			padding: 3px 6px;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: #666;
		}

		.breadcrumbs a {
			text-decoration: none;
			color: #666;
			font-weight: bold;
		}

		.nav a {
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 11px;
			font-weight: bold;
		}
		h1 {
			background: #000;
			color: #FFF;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 3px 6px;
		}

		h2 {
			font-size: 1em;
			border-bottom: 1px dotted #FFF;
		}
		.border {
			border: 1px solid "red";
		}

		/* SOFTWARE*/
		.thumbnail > div {
			height: 85px;
			width: 145px;
			border: 1px dashed #000;
			vertical-align: middle;
			background-size: 160%;
			background-position: top;
			float: left;
			margin-right: 14px;
		}

		.item {
			margin-bottom: 24px;
			min-height: 110px;
		}

		.item-small {
			margin-bottom: 24px;
		}
		h2 a {
			text-decoration: none;
			color: #FFF;
		}
		.post-info {
			font-style: italic;
			margin-bottom: 12px;
		}
		.nav-item.nav-top {
			border: none;
		}
		.scroll-box {
            height: 300px;
            overflow: scroll;
			overflow-y: auto;
            padding: 10px;
		}
		.site-title {
			color: #FFF;
			margin-top: 40px;
			margin-left: 70px;
		}
		.site-title a {
			color: #FFF;
			text-decoration: none;
			font-family: 'georgian';
			font-size: 45px;
		}
		.update {
			display: inline;
			margin-right: 24px;
		}
		.updates {
			font-size: 11px;
			margin-top: 6px;
			margin-bottom: 3px;
		}
		.image-right {
            float: right;
            margin-left: 5px;
		}
		.yasu {
			position: absolute;
			width: 360px;
			right: 20px;
			top: 54px;
		}
		.post-content img {
			max-width: 90%;
		}
		.muted {
			opacity: 0.3;
		}
		.recent-image img {
			width: 50px;
			border: 1px solid;
		}
	}