body {
	width: 100wh;
	height: 90vh;
	color: #fff;
	font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
	background: linear-gradient(-45deg, #ff9f35, #c61739, #454aff, #c140de);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

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

.bounce-in {
  animation: bounce-in 1s ease;
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

  
  .avatar {
	  margin-top: 20px;
	  margin-bottom: 20px;
	  width: 120px;
	  height: 120px;
	  margin-left: auto;
	  margin-right: auto;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%; 
	  border-radius: 50%;
	  text-align: center;
	  background-image: url("../assets/topmodelz-djs.jpg");
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
	  border: 3px solid white;
	}
	
	  .logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
  }
/*
  .logo:hover {
	  transform: rotate(-6deg);
	}
*/
  
  .description {
	  text-transform: uppercase;
	  font-size: 11px;
	  letter-spacing: 6px;
	  color: rgba(255, 255, 255, 0.5);
}
.links-container {
	padding-bottom: 50px;
}

.links {
      text-align: center;
      margin-top: 20px;
      padding: 20px;
      border: 1px solid white;
      font-weight: 700 !important;
      border-width: 2px;
      width: 290px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      border-radius: 40px;
  }

.fuller-button {
  color: white;
  background: none;
  border-radius: 0;
  padding: 1.2em 2em;
  letter-spacing: 0.35em;
  font-size: 0.9em;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}

.fuller-button.red {
  box-shadow: inset 0 0 1em rgba(251, 81, 81, 0.4), 0 0 1em rgba(251, 81, 81, 0.4);
  border: #fb5454 solid 2px;
}
.fuller-button.red:hover {
  background-color: #fb5454;
  box-shadow: inset 0 0 0 rgba(251, 81, 81, 0.4), 0 0 1.5em rgba(251, 81, 81, 0.6);
}

.fuller-button.blue {
  box-shadow: inset 0 0 1em rgba(0, 170, 170, 0.5), 0 0 1em rgba(0, 170, 170, 0.5);
  border: #0dd solid 2px;
}
.fuller-button.blue:hover {
  background-color: #0dd;
  box-shadow: inset 0 0 0 rgba(0, 170, 170, 0.5), 0 0 1.5em rgba(0, 170, 170, 0.7);
}

.fuller-button.white {
/*   box-shadow: inset 0 0 0.8em rgba(255, 255, 255, 0.3), 0 0 0.8em rgba(255, 255, 255, 0.3); */
  border: none;
    color: white;
    border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.2);
}
.fuller-button.white:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.3), 0 0 1.2em rgba(255, 255, 255, 0.5);
}


a {
    text-decoration: none;
    text-transform: uppercase;
}

a:hover {
    color: #000;
    background: #fff;
}