/* Ensure proper sizing */
* {
  box-sizing: border-box;
}

/* Column container */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  flex: 30%; /* Set the width of the sidebar */
  background-color: #f1f1f1; /* Grey background color */
  padding: 20px; /* Some padding */
}

/* Main column */
.main {
  flex: 70%; /* Set the width of the main content */
  background-color: black; /* Black background color */
  background-image: url("carpetbg.png");
  background-size: cover;
  padding: 20px; /* Some padding */
}

.header {
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}

.linksuper {
	background-color: rgba(255, 255, 255, 1);
	border: none;
	text-align: center;
	text-decoration: none;
	display:block;
	width: 80%;
	margin: auto;
	border-radius: 25%;
	padding: 10px 20px;
	justify-items: center;
}

.links {
	display: inline-block;
	width: 20%;
	font-size: 28px;
}

.links:hover {
	background-color:whitesmoke;
}

.maintext {
	color: white;
	background-color: rgba(0, 0, 0, 0.8);
	background-size: contain;
	text-align: center;
}

.textbody {
	color: white;
	text-align: center;
	font-size: 18px;
}

.centerred {
	text-align: center;
	color: red;
}

a:link {
	color: cyan;
}

a:visited {
	color:cadetblue;
}

a:hover {
	color: gold;
}

a:hover:visited {
	color: rgb(196, 166, 0);
}