html {
    background-color: #1b1f23;
    font-family: 'Open Sans', sans-serif;
}

body{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main{
	flex: 1 0 auto;
}

footer{
	color: white;
	position: fixed;
	bottom: 0;
	width: 100%;
}

h1 {
    scroll-behavior: smooth;
    color: white;
    font-family: 'Nosifer', cursive;
}

h2 {
    scroll-behavior: smooth;
    color: white;
}

p.info {
    scroll-behavior: smooth;
    color: white;
    border-radius: 7px;
    background-color: #38414a;
    padding: 20px;
}

p.subheading {
    scroll-behavior: smooth;
    color: white;
}

button{
	font-family: 'Open Sans', sans-serif;
}

input.search{
	width: 100%;
	height: 80px;
	border-radius: 7px;
	border-style: none;
	font-size: 50px;
}

ul.social li{
	color: white;
	display: inline-block;
	list-style-type: none;
	width: 33%;
}

/* unvisited link */
a:link {
    color: white;
    text-decoration: underline;
}

/* visited link */
a:visited {
    color: white;
    text-decoration: underline;
}

/* mouse over link */
a:hover {
    color: white;
    text-decoration: underline;
    text-decoration-color: red;
}

/* selected link */
a:active {
    color: white;
    text-decoration: underline;
}

table{
	color:white;
}

table th{
	background-color: #38414a;
}

table.highlight>tbody>tr:hover {
    background-color: #4d5966;
}
}