@charset "utf-8";

body {
  background-image: url("../images/bg-skulls.jpg");
  background-repeat: repeat;
}

.custom-navbar {
  background-image: url("../images/blood-drip.gif");
  background-repeat: repeat-x;
  background-position: top left;
  padding-bottom: 40px;
}

/* --------------- FLOATING OBJECTS START ----------------------- */
.floating-object-eye {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

.floating-object-construction {
  position: fixed;
  bottom: 0;
  right: 20%;
  height: 50%
}
/* --------------- FLOATING OBJECTS END ----------------------- */

/* --------------- ABOUT ME COLUMN START ----------------------- */
.col-md-4 {
	max-width: 500px
}

.card {
  background: transparent;
  color: white; 
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

.divider-column {
	padding-bottom: 10px
}

.about-me {
	font-weight: bold;
	font-size: 30px;
	text-decoration-line: underline;
	text-underline-offset: 5px;
}

.about-me-icons {
	padding-right: 10px;
}
/* --------------- ABOUT ME COLUMN END ----------------------- */

/* --------------- TEXT ANIMATION START ----------------------- */
.wavy-text span {
	display: inline-block;
	font-weight: 600;
	animation: wave 2s ease-in-out infinite;
}

.wavy-text span:nth-child(1){
	animation-delay: 0s;
}
.wavy-text span:nth-child(2){
	animation-delay: 0.1s;
}
.wavy-text span:nth-child(3){
	animation-delay: 0.2s;
}
.wavy-text span:nth-child(4){
	animation-delay: 0.3s;
}
.wavy-text span:nth-child(5){
	animation-delay: 0.4s;
}
.wavy-text span:nth-child(6){
	animation-delay: 0.5s;
}
.wavy-text span:nth-child(7){
	animation-delay: 0.6s;
}
.wavy-text span:nth-child(8){
	animation-delay: 0.7s;
}

@keyframes wave {
	0%, 100% {
		transform: translateY(5)
	}
	50% {
		transform: translateY(-5px)
	}
}

/* ---------------- TEXT ANIMATION END ------------------------ */