@use "../reset";
@use "../variable";
@use "../components/navbar";

/* Style each tag in an html */
/* describe to chatgpt what you want, good at css, or css reference */

/* font: sans-serif for headers, serif for paragraphs, mono for whatever */

body {
	background: linear-gradient(
		to top right,
		variable.$blue,
		lighten(variable.$blue, 50%)
	);
	height: 100vh;

	.content {
		margin: 10vh;
		padding: 5vh;
		align-items: center;
		color: variable.$blue;

		.h1 {
			font-family: variable.$font-header;
		}

		.img {
			height: auto;
			width: 35vh;
		}

		.post-description {
			font-family: variable.$font-body;
		}

		.post-content {
			font-family: variable.$font-body;
		}
	}
}
