* {
    box-sizing: border-box;
}

html {
	background: url('https://i.postimg.cc/L5XS5vVW/bg.gif');
}

body {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background: black;
}

.d1 {
	width: 200px;
	height: 100%;
	border-style: ridge;
	color: white;
	text-align: center;
}

.d2 {
	width: 100%;
	height: 20%;
	border-style: ridge;
}

.d3 {
	width: 100%;
	height: 80%;
	border-style: ridge;
	display: flex;
}

.flex {
	display: flex;
	height: 100%;
}

.flex2 {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.d2 img {
	margin-left: 30px;
	margin-top: 20px;
}

.d2 a:link {
	margin-left: 30px;
}

.chp {
	color: white;
}

.chp h2 {
	margin-left: 20px;
}

.blog {
	border-style: none;
	height: 100%;
	width: 50%;
}

ul {
	list-style-image: url('https://i.postimg.cc/YSMdVLdV/lil-favicon.png');
}