/* CSS Document */

body {

	height: 90vh;
	background-color: #464031;
    /*
	background: linear-gradient(-45deg, #383636, #4f4838, #383636, #4f4838);
	background-size: 400% 400%;
	-webkit-animation: Gradient 13s ease infinite;
	-moz-animation: Gradient 13s ease infinite;
	animation: Gradient 13s ease infinite;
	*/
}

h2.agent-name {
    padding-top: 20px;
    font-family: 'The Nautigal', cursive;
	font-weight: 400;
    color: #ebc877;
	background: -webkit-linear-gradient(#ad7c1a, #ebc877, #a17514);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

a.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

i.fa {color:#ebc877;}

.btn-outline-light:hover i.fa {color:#3B4253!important;}

.color-yellow {color:#ebc877!important;}

@-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%}
}

h1, h6 {
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}

.shake {
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
  }
  .element {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: red;
  }
  @keyframes shake-animation {
	 0% { transform:translate(0,0) }
	1.78571% { transform:translate(5px,0) }
	3.57143% { transform:translate(0,0) }
	5.35714% { transform:translate(5px,0) }
	7.14286% { transform:translate(0,0) }
	8.92857% { transform:translate(5px,0) }
	10.71429% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
  }

  .backdrop {
	  -moz-box-shadow: 0px 6px 5px rgba(59, 66, 72, 0.5); 
	  -webkit-box-shadow: 0px 6px 5px rgba(59, 66, 72, 0.5);
	  box-shadow: 0px 2px 10px rgba(59, 66, 72, 0.5); 
      -moz-border-radius:190px; 
	  -webkit-border-radius:190px; 
	  border-radius:190px;
  }

  img.linktree {
	  width: 120px;
	  height: 120px;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
  }

.social-icons {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.btn {
    border-radius: 2rem!important;
}

.copyright {font-size:12px; font-weight: bold; letter-spacing: 0.01rem;}


@media (max-width: 576px) {
    h2.agent-name {
    font-size: 3rem;
    }
}