body {
  /*background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));*/
  background: linear-gradient(-45deg, #191716, #E6AF2E, #E0E2DB, #3D348B);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  -webkit-animation: gradient 15s ease infinite;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height:100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

h1 {
  font-family: 'Indie Flower', sans-serif;
  text-transform: uppercase;
}

.linkedin-icon {
  color: black;
}
.linkedin-icon:hover {
  color: #0e76a8;
}
.twitter-icon {
  color: black;
}
.twitter-icon:hover {
  color: #00acee;
}
.school-outline-icon {
  fill: black;
}
.school-outline-icon:hover {
  opacity: 0.5;
}

.container-parent {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  margin-bottom: : 0%;
  min-height:100%;
  text-align: center;
}
.container-child {
  color: black;
}
.avatar {
  border-radius: 50%;
  -webkit-filter: blur(2px);
	filter: blur(2px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.avatar:hover {
  /** Rotate image **/
  /*transform: scaleX(-1);*/
  -webkit-filter: blur(0);
	filter: blur(0);
  -webkit-animation: flash 2.5s;
  animation: flash 2.5s;
  opacity: 1;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}