/*
==========-----
Stylesheet for classes page
==========-----
*/

@import "colors.css";

.classContainer {
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.currentClass {
	width: 350px;
}

.topicBox {
	width: 350px;
	margin: 10px;
}

.class {
	display: block;
	width: 100%;

	margin-bottom: 20px;
	margin-top: 20px;
	box-sizing: border-box;

	padding: 5px;

	background-color: var(--class-bg-color);
	color: var(--class-text-color);

	border-radius: 10px;
	box-shadow: 0 0 5px 1px black;

	text-align: center;
	transition: all 0.1s ease-in-out;

	color: black;
	text-decoration: none;
}

.class:visited {
	color: black;
}

.class:hover {
	cursor: pointer;
	background-color: var(--class-selected);
}

.classTitle {
	margin: 0;
	font-weight: bold;
}

.classInfo {
	margin: 0;
	font-size: 0.9em;
}