@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

body {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.link-button {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  padding: 15px;
  color: black;
  border-style: solid;
  border-width: medium;
  background-color: white;
  border-color: black;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  transition: 0.4s;  
  font-variation-settings:
    "wdth" 100;
}

.link-button:hover {
	background-color: black;
	border-width: thick;
	color: white;
}

.course-panel {
	padding: 15px;
	color: black;
	border-style: solid;
	background-color: white;
	border-color: black;
	border-radius: 12px;
	text-decoration: none;
	text-align: center;
	transition: 0.4s;
	width: 50%;
	font-variation-settings:
		"wdth" 100;
}

.course-panel:hover {
	width: 55%;
}

.topnav {
	background-color: white;
	border-style: solid;
	border-radius: 12px;
	border-color: black;
	display: inline;
	float: left;
}