#body {
  background-image: url("../images/space.jpg");
  background-color: rgb(0, 0, 0, 0.6);
  background-blend-mode: multiply;
  font-family: 'Varela Round', sans-serif;
  color: #fff;
  letter-spacing: 2px;
}

#saturn {
  width: 18%;
  margin-top: -3.5%;
  padding-left: 5%;
  user-select: none;
}

#intro {
  text-align: center;
  margin-top: 3%;
}

#intro-title {   
  font-size: 90px;
  margin-top: -9%;
}

#intro-subtitle {
  margin-top: -4.5%;
  font-size: 17px;
}

#intro-links {
  margin-top: 1%;
  justify-content: center;
}

#intro-img-linkedIn {
  width: 4%;
  padding-bottom: 1%;
  margin-right: 0.4%;
  user-select: none;
  transition: 0.5s;
}
#intro-img-linkedIn:hover {
  animation: 5s;
  width: 6%;
  user-select: none;
  transition: 0.5s;
}

#intro-img-github {
  width: 3.5%;
  text-align: center;
  padding-bottom: 1%;
  user-select: none;
  transition: 0.5s;
}
#intro-img-github:hover {
  animation: 5s;
  width: 5.5%;
  user-select: none;
  transition: 0.5s;
}

#intro-img-hackerrank {
  width: 4.5%;
  padding-bottom: 1%;
  user-select: none;
  transition: 0.5s;
}
#intro-img-hackerrank:hover {
  animation: 5s;
  width: 6.5%;
  user-select: none;
  transition: 0.5s;
}


.intro-button {
  cursor: pointer;
  border: 1px solid white;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  padding: 0.5% 0.65%;
  margin-right: 0.5%;
  background-color: black;
  color: white;
  transition: 0.5s;
}
.intro-button:hover {
  color: #fff;
  font-size: 18px;
  border-radius: 15px;
  transition: 0.5s;
}

#greeting-text {
  font-size: 25px;
  padding-top: 1%;
  margin-right: 1.25%;
}


.mars-container-mobile {
  display: none;
}
.bio-title {
  background-color: black;
  font-size: 65px;
  margin: 1% 45% 0% 45%;
}
.bio-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 3%;
  margin-left: 6%;
}

.bio-img-container {
  width: 420px;
  height: 520px;
  border-radius: 5%;
}
.bio-img-container img{
  width: 100%;
  height: 100%;
  border-radius: 5%;
  user-select: none;
}
#bio-img-caption{
  background-color: black;
  text-align: center;
  font-size: 25px;
  margin: 2% 40% 0% 40%;
}
#bio-right-text {
  width: 625px;
  font-size: 22px;
  text-align: left;
  margin-top: -1.5%;
  padding-left: 5%;
}
#bio-right-text p{
  background-color: black;
}
.mars-container {
  text-align: right;
  margin-top: -4%;
  padding-bottom: 4%;
}
#mars {
  width: 10%;
  margin-top: -12%;
  user-select: none;
}

.project-title {
  text-align: center;
  font-size: 65px;
  margin: 0% 42% 2% 42%;
  background-color: black;
}
.project-cards-container {
  display: flex;
  justify-content: center;
  margin-top: 1%;
}
.project-card {
  display: flex;
  flex-direction: column;
}
#left-card {
  padding-right: 5%;
  text-align: left;
}
.project-card-img-container {
  width: 625px;
  height: 300px;
}
.project-card-img-container img{
  width: 100%;
  height: 100%;
  text-align: center;
  user-select: none;
  border-radius: 5%;
  border: 1px solid black;
}
.project-card-title {
  background-color: black;
  margin-top: 1%;
  font-size: 25px;
  z-index: 1;
  margin-bottom: 2%;
}
.project-card-title a {
  transition: 0.5s;
  text-decoration: underline;
  font-weight:300;
  color: wheat;
}
.project-card-title a:hover {
  transition: 0.5s;
  animation: 5s;
  text-decoration: none;
  color:antiquewhite;
  font-size: 28px;
  font-weight:100;
}
.project-card-subtitle {
  background-color: black;
  font-size: 16px;
  font-style: italic;
  color: darkgrey;
  margin-top: -2.5%;
  margin-bottom: 2%;
  padding-left: 2% ;
}
.project-card-description-subtitle {
  margin-top: -0.25%;
  background-color: black;
  color:wheat;
  font-size: 19px;
  z-index: 1;
}
.project-card-description-text {
  margin-top: -2%;
  margin-left: 2%;
  background-color: black;
  font-size: 18px;
  width: 625px;
}
.project-card-tools-subtitle {
  font-size: 19px;
  margin-top: -1.5%;
  color:wheat;
  padding-left: 0.25%;
  background-color: black;
}
.project-card-tools-text {
 margin-left: 2%;
 background-color: black;
  width: 625px;
}
#project-section-mobile {
  display: none;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: white;
}
.fp-arrow.fp-prev, .fp-arrow.fp-next {
  margin-top: -8%;
}
.fp-arrow.fp-prev {
  margin-left: 3%;
}
.fp-arrow.fp-next {
  margin-right: 3%;
}

.class-title {
  text-align: center;
  font-size: 65px;
  margin-top: 2%;
}
.class-contents {
 margin: 2% 20% 0% 25%;
 padding-left: 1%;
}
.class-course {
  background-color: black;
  margin-top: 1%;
}
.class-course-name {
  font-size: 25px;
  margin-top: 5%;
}
.class-assignment {
  padding-top: 1%;
  padding-left: 2%;
}
.class-assignment-title {
  font-size: 20px;
}
.class-assignment-title a{
  color: wheat;
  font-weight: 300;
  transition: 0.5s;
}
.class-assignment-title a:hover{
  transition: 0.5s;
  animation: 5s;
  text-decoration: none;
  color:antiquewhite;
  font-size: 24px;
  font-weight:100;
}
.class-assignment-description, .class-assignment-tools {
  padding-left: 1%;
}
.class-assignment-tools {
  padding-top: 1%;
}

#neptune-container {
  margin-top: -6%;
}
#neptune {
  width: 15%;
}
#neptune-container-mobile{
  display: none;
}

.fp-watermark {
  display: none;
}