body, div, main, section, article {
	box-sizing: border-box;
}

body {
		background-image: linear-gradient(to right, #6F4974, #b0ae17);

}

header img {
    width: 500px;
    max-width: 98%;
	border: ridge  #D54051;
	border-radius: 4%
	
}

.container {
    container-type: size;
	text-shadow: 0 3px #000000;
}

.container a {
	color: #c421c4;
}

.wrapper {
	border: solid  #D54051;
	border-radius: 12px;
	max-width: 86%;
	display: flex;
    justify-content: center;
	align-items: flex-start;
	
}

.sidebar {
	background-image: linear-gradient(to right, #b0ae17, #6F4974);
	border: ridge  #D54051;
	border-radius: 4%;
	flex-shrink: 0;
	max-width: 22%;
	padding: 15px;
}

.main {
	background-image: linear-gradient(to right, #b0ae17, #6F4974);
	border: ridge  #D54051;
	border-radius: 4%;
	max-width:60%;
	flex-shrink: 1;
	flex-grow: 1;
}

header, h1, h2, h3, h4, h5, p {
  font-family: 'Inconsolata', monospace ;
  color: white;
}