/* Combination */
header, footer {
	position: relative;
	z-index: 1;
}

header {
	height: 5vh;
}

/* Singletons */
html {
	background: linear-gradient(#b4b4b4, #dcdcdc, #b4b4b4);
	overflow-x: hidden;
	overflow-y: hidden;
}

body {
	margin: 0px;
	text-align: center;
}

section {
	position: absolute;
	width: 100%;
	height: 80vh;
}

.Button {
	margin-top: 30px;
	
	border-style: solid;
	border-width: 1px;
	
	width: 100px;
	height: 100px;
}

.Favorite {
	border-style: solid;
	border-width: 2px;
	background-color: #ffff8f;
	
	position: absolute;
	width: 15%;
	height: 15%;
	overflow: hidden;
}

.Favorite:hover {
	overflow: visible;
}

.Bookmark {
	border-style: solid;
	border-width: 2px;
	background-color: #ff998f;
	
	position: absolute;
	width: 15%;
	height: 15%;
	overflow: hidden;
}

.Bookmark:hover {
	overflow: visible;
}

.Notification {
	border-style: solid;
	border-width: 2px;
	background-color: #8fffaf;
	
	position: absolute;
	width: 15%;
	height: 15%;
	overflow: hidden;
}

.Notification:hover {
	overflow: visible;
}

footer {
	display: flex;
	justify-content: center;
	
	margin-top: -10vh;
	
	height: 20vh;
}