body {
    background: url('../img/bg.jpg') top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

a, a:hover, a:focus, a:active, a:visited,
button, button:hover, button:focus, button:active, button:visited,
.trans, .trans:hover, .trans:focus, .trans:active, .trans:visited {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
					transition: all 0.5s ease;
}

a {
	color: #00c4ff;
	padding: 0.25rem 0.5rem;
}


a:hover, a:focus, a:active {
	background-color: #00c4ff;
	color: #FFF;
}

.border-box {
	position: relative;
	max-width: 800px;
	background-color: #FFF;
	border: 4px solid #00bbfe;
	border-radius: 1em;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.btn.btn-primary {
	background-color: #001dfe;
	border-color: #001dfe;
	color: #FFF;
	font-weight: bold;
	max-width: 500px;
	font-size: 1.125rem;
}

.btn.btn-primary:hover {
	background-color: #00c4ff;
	border-color: #00c4ff;
}


.table thead tr th {
	text-align: center;
	vertical-align: middle;
	background-color: #001dfe;
	color: #FFF;
	font-weight: bold;
}

.navbar a.navbar-brand {
	background: linear-gradient(to top, #4481eb 0%, #04befe 100%);
	background: -webkit-linear-gradient(to top, #4481eb 0%, #04befe 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: #4481eb;
	white-space: break-spaces;
	width: 80%;
}

.navbar a.navbar-brand:hover { background-color: transparent; }

.navbar img { max-height: 60px; }

.navbar h1 {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer {
	background-color: #001dfe;
	color: #FFF;
	letter-spacing: 1px;
}

@media (min-width: 768px) {
	.navbar a.navbar-brand { color: transparent; }
}