@import "se2025mobile.css"  screen and (orientation:portrait);
@import "se2025desktop.css" screen and (orientation:landscape);

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
	color: black;
}

p {
	font-weight: normal;
	color: black;
}

.button {
	display: inline-block;
	color: white;
	background-color: #125b1c;
	text-align: center;
	margin:0;
	cursor:pointer;
}

/* Blog DIV on the index page */

.blog-div {
	/* Contains all the blog articles */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	background-color:grey;
}

.blog-article {
	position:relative;
	display:flex;
	width:25rem;
	height:25rem;
	overflow-y:auto;
}

@media screen and (orientation:portrait) {
	.blog-div {
		top:60rem;
	}
}

@media screen and (orientation:landscape) {
	.blog-div {
		top:30rem;
	}
}