#page-container {
	position: relative;
	min-height: 100vh;
  }

#content-wrap {
	padding-bottom: 50px;    /* Footer height */
  }

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;            /* Footer height */
	background-color: dimgray;
  }

.navbar {
	overflow: hidden;
	background-image: linear-gradient( dimgray,#2e2d2d);
	position: fixed;
	top: 10px;
	width: 120px;
	padding-top: 10px;
  }

.menu-button {
	background-color: black;
	color: white;
	height: 30px;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: black;
	font-size: larger;
	font-weight: bolder;
}

.menu-button:hover {
	background-image: linear-gradient(to right, black, #a35559);
	cursor: pointer;
}

.social-icon {
	height: 30px;
	padding: 10px;
}

.column-container {
	display: flex;
	flex-direction: column;
}

.row-container {
	display: flex;
	flex-direction: row;
}

.centered-row-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

svg {
	fill: white;
}

svg.facebook:hover {
	fill: #4267B2;
}

svg.twitter:hover {
	fill: #1DA1F2;
}

svg.instagram:hover {
	fill: url(#instagram-gradient);
}

svg.linkedin:hover {
	fill:#2867B2;
}

svg.goodreads:hover {
	fill: #814910;
}

svg.threads:hover {
	fill: black;
}

svg.mastadon:hover #m1 {
	fill: #2b90d9;
}

svg.tribel:hover {
	fill: #2286c9d9;
}

svg.youtube:hover #yt1 {
	fill: #F61C0D;
}

svg.tiktok:hover {
	fill: black;
}

svg.spoutible:hover #spoutible_background {
	fill: #fefefe;
}

svg.spoutible:hover #spoutible_waterspout {
	fill: #87d4e6;
}

svg.spoutible:hover #spoutible_tailfin {
	fill: #4895c8;
}

svg.spoutible:hover #spoutible_body {
	fill: #4594c7;
}

svg.spoutible:hover #spoutible_bubble {
	fill: #8cbde3;
}

svg.spoutible:hover #spoutible_eye {
	fill: #f1f6fa;
}