*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@font-face {
			font-family: myFont; 
			src: url(assets/PoorRichardOpti.ttf);
		}
	a {
		color: white;
		transition: 0.2s;
		text-decoration: none;
	}		
	a:hover {
		color: brown;
		transition 0.2;
	}
		
#center {
	width: 100%;
	padding-top: 50px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
	#mainBox {
		background-color: black;
		width: 50rem;
		height: 20rem;
		box-shadow: -5px 5px 5rem #140505;
	}
		header {
			background-color: black;
			width: 50rem;
			height: 2.5rem;
		}
			header > ul {
				display: flex;
				font-family: 'IM Fell DW Pica SC';
				justify-content: space-around;
				list-style: none;
				font-size: 2rem;
			}
			
			
				
		.logs {
			width: 50rem;
			text-align: center;
		}
		#logo {
			position: relative;
			height: 70px;
		}
	
	main {
		background-color: black;
		position: relative;
		display: flex;
	}
		.blood {
			height: 5.5rem;
			width: 12rem;
		}
			.blogLogo {
				position: absolute;
				top: 9px;
				left: 50px;
				color: white;
				font-family: 'IM Fell DW Pica SC';
				font-size: 3rem;
			}
			.jump {
				font-family: 'IM Fell DW Pica SC';
				font-size: 1.5rem;
				width: 180px;
				text-align: center;
				position: absolute;
				top: 90px;
			}
		#blogBox {
			background-color: black;
			min-height: 25rem;
			max-height: 2000rem;
			padding: 20px;
			width: 35rem;
			right: 20px;
			top: 10px;
			color: white;
		}
			#blogBox > article {
					padding: 15px;
					background-color: #040404;
					border-radius: 10px;
					box-shadow: -5px 5px 5rem #140505;
					margin-bottom: px;
					margin-bottom: 20px;
					padding-bottom: 20px;
				}
				#blogBox > article > h2{
					font-size: 1.5rem;
					margin-bottom: 6px;
				}
					article > h2 > a {
						color: white;
						text-decoration: underline solid 0.1px;
						transition: 0.1s;
					}
					article > h2 > a:hover {
						color: brown;
						transition: 0.1s;
					}
				#blogBox > article > p {
					font-size: 1rem;
					margin-left: 10px;
				}
				article > p > .info {
					font-size: 0.95rem;
					float: right;
					margin-top: 10px;
					background-color: black;
					border-radius: 10px;
				}
				.date {
					font-size: 1rem;
					opacity: 0.8;
					margin-left: 10px;
				}
		footer {
			color: white;
			background-color: black;
			text-align: center;
			height: 2rem;
		}