body {
  background-color: rgba(15, 17, 38, 1);
  margin: 0;
  padding: 0;
}

h1 {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 2.5rem;
	color: white;
	margin: 1vmin;
}

h2 {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 1.75rem;
	color: white;
	margin: 1vmin;
}

p {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 1.25rem;
	color: white;
	margin: 1vmin;
}

a {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 1.25rem;
	color: white;
	margin: 1vmin;
}

.footer {
		text-align: center;
		font-size: clamp(1.5vh,2vw,3vh);
}

.title-bar {
	top: 0;
	left: 0;
	
	background-color: black;
	color: white;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	z-index: 3;
	padding: 1vw 2vw;
}

.logo {
	height: clamp(5vw,10vh,8vw);
}

.menu-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 3vw;
}

.menu-buttons a:link,.menu-buttons a:visited,.menu-buttons a:hover {
	color: white;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: clamp(2vw,4vh,3.2vw);
	/* font-size: clamp(0px,3vw,3.125vh); */
	text-decoration: none;
}

.menu-buttons a:hover,.menu-buttons a:active {
		color: yellow;
}

.menu-buttons button:hover {
	background: #333;
}

.content {
	background-color: rgba(0, 0, 0, 0.5);
	margin: 2vh 2vh 2vh 2vh;
	padding: 1vh 1vh 1vh 1vh;
	border-radius: 25px;
	display: flex;
	justify-content:space-between;
	align-items: center;
}