body {
  overflow-y: scroll;
  padding: 0rem;
  font-family: sans-serif;
  color: white;
  background-image: linear-gradient(90deg, #586E7C 0%, #1A1F2C 50%);
}

a.logo img {
  height: 70px;
}

a:link,
a:hover,
a:active,
a:visited {
  color: #0398c8;
}

#header {
  background-color: black;
}

.card {
  background: rgb(3,152,200);
  background: linear-gradient(180deg, rgba(3,152,200,1) 30%, rgba(1,56,74,1) 80%);
  border-radius: 0;
  border-color: #ddd;
  color: #333;
}

.card-body {
  background-color: #ddd;
}

.card-img, .card-img-top {
  border-radius: 0;;
}

.card-link {
  background-color: #0398c8;
  padding: 0.5rem 1.2rem 0.3rem;
}

.card-link a:link,
.card-link a:active,
.card-link a:visited {
  color: #fff !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1400px;
}

.navbar {
  margin-top: 2rem;
}

.navbar a:link,
.navbar a:active,
.navbar a:visited {
  padding-bottom: 0;
  font-size: 1.25rem;
  color: #fff !important;
  letter-spacing: 0.1rem;
  transition: all;
  transition-duration: 100ms;
  border-bottom: 2px solid #000;
}

.navbar a:hover {
  border-bottom: 2px solid white;
}

.navbar a.active {
  /* color: #0398c8 !important; */
  border-color: #0398c8;
}

.navbar-expand-sm .navbar-nav .nav-link {
	padding: 0;
	margin-right: .7rem;
	margin-left: .7rem;
}