@font-face {
 font-family: 'Inter';
 src: url(Inter-VariableFont.ttf) format('ttf');
}


body{
	font-family: Inter;
    background-color: #ededed;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: center;
    background-image: url('images/noise.jpg');
}

#container{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	gap: 10px;
}

aside{
	padding-top: 1em;
}

h1, h3{
	font-weight: normal;
	display: block;
	padding: 0;
}

h1{
	margin: 0 10px 5px 0;
}

h3{
	margin: 0 10px 20px 0;
}

.box{
    cursor: pointer;
	font-size: 22px;
	line-height: 20px;
	min-height: 5em;
	text-align: left;
	margin: 1em;
}

.content{
    width: 100%;
    height: 100%;
    padding: 1em;
    background-color: black;
	color: white;
}

img{
	border:0;
	padding: 0;
	margin: 0;
}