*{
	box-sizing: border-box;
}
body{
    background-color: white;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}
.wrapper{
	display: grid;
	grid-template-columns: max-content 2fr 30px min-content;
    grid-template-rows: repeat(3, minmax(100px, max-content));
	max-width: 1200px;
	margin: auto;
}
@media all and (max-width: 650px) {
	aside{
		display: block;
		grid-column: 1/3;
		grid-row: 2/3;
	}
	main{
		display: block;
	}
}