body {
	font-family: 'Roboto', sans-serif;
	display: flex;
	justify-content: center;
}

blockquote {
	margin: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 5px solid var(--light);
}

/* Styles for desktop devices */
.content {
	width: 45%; /* Adjust the width as needed */
}

/* Styles for mobile devices */
@media screen and (max-width: 768px) {
	.content {
		width: 90%; /* Adjust the width for mobile */
	}
}

/* Navbar */
#nav {
	border-spacing: 0;
}

#nav div {
	padding-left: 0.3em;
	padding-right: 0.3em;
}

/* Icons */
.icon-container img {
	width: 1.4em; /* Set your desired width */
	height: 1.4em; /* Set your desired height */
	object-fit: contain; /* Ensures the image scales within the dimensions */
}

.icon-container a {
	text-decoration: none;
}

@media(min-width:28em) {
	.col {
		display: table-cell;
	}
	.row {
		display: table;
		border-spacing: 1em 0;
	}
}