body {
  background-image: url("https://wallpapercave.com/wp/wp5897848.jpg");
  background-size: cover;
  background-attachment: fixed; }

/*Main Bootstrap adjustments*/
.jumbotron {
  padding: 70px 30px 70px 30px;
  margin: 0px auto;
  color: floralwhite; }

.row-header {
  color: floralwhite;
  margin: 0px auto;
  padding: 70px 30px 70px 30px; }

.row-content {
  margin: 0px auto;
  min-height: 400px; }

/*NavBar*/
.navbar-dark {
  background-color: #0C0032; }

.navbar .navbar-brand {
  color: white; }

.navbar .nav-link {
  color: white; }

.nav-link-wrapper {
  border-bottom: 0.1px solid transparent;
  transition: border-bottom 0.5s; }

.nav-link-wrapper:hover {
  border-bottom: 1px solid white; }

/*Paragraph Links*/
.para-link {
  transition: 0.5s;
  text-decoration: none;
  color: #666464; }

.para-link:hover {
  color: #aaffff; }

/*Web Page Content*/
#welcome-1 {
  animation-delay: 1s; }

#welcome-2 {
  animation-delay: 1.5s; }

#duke {
  max-width: 75%; }

#python {
  max-width: 75%; }

#hk {
  max-width: 75%; }

.hidden {
  opacity: 0; }

/*Loader*/
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  animation: loader 2s infinite ease; }

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in; }

.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #190061;
  display: flex;
  justify-content: center;
  align-items: center; }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes loader-inner {
  0% {
    height: 0%; }
  25% {
    height: 0%; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0%; } }