html {
	height: 100%;
}

body {
	height: 80%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	background: linear-gradient(to bottom,#fff 50%,#b1c8df) no-repeat fixed;
	color: #000;
	align-content: center;
}

a {
	text-decoration: none;
	color: #039;
}

h1 {
	color: #039;
	font-size: 16px;
	font-weight: 400;
}

#links {
	width: 100%;
	list-style-type: none;
	display: inline-flex;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.biglinkbtn {
	background: linear-gradient(0deg, rgb(198, 219, 255) 0%, rgb(185, 214, 255) 49.9%, rgb(217, 233, 255) 50%, rgb(244, 244, 244) 100%);
	box-shadow: inset 0 0 0 1px #ffffff80,0 0 2px #000;
	outline: solid thin rgba(0,0,0,.2);
    text-decoration: none;
	padding: 4px;
	margin: 8px;
	width: 100%;
	border-radius: 2px;
	transition: box-shadow 2s linear;
	color: #000;
}
.biglinkbtn:hover,
.biglinkbtn:active {
	background: linear-gradient(0deg, rgba(221,230,246,1) 0%, rgba(218,233,255,1) 49.9%, rgba(238,245,255,1) 50%, rgba(255,255,255,1) 100%);
	box-shadow: inset 0 0 0 1px #ffffff80,0 0 2px #000;
	outline: solid thin rgba(0,0,0,.2);
}
.biglinkbtn:hover {
	box-shadow: 0 0 8px rgb(91, 204, 255);
}


#title_card {
	margin-left: auto;
	width: 100%;
	font-size: 52px;
	font-weight: 400;
	text-shadow: 0 0 16px rgba(0,50,50,.5);
}

#smalllinks {
	padding-top: 16px;
}

.smalllink {
	padding-left: 8px;
	padding-right: 8px;
	color: #07389B;
}
.smalllink:hover {
	text-decoration: underline;
	color: #256af4;
}

#content {
	margin: auto;
	width: 400px;  
	text-align: center;
}

footer {
	position: static;
	bottom: 0;
	width: 60%;
	margin: auto;
	color: #666;
	font-style: italic;
}