body, html {
  height: 100%;

  background:#000000;
}

.bg {
  /* The image used */
  background-image: url("photo-1586645068267-21a3e8949fdb.avif");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-head img{width:60%}
.container{width:50%;margin:0 auto;}
@media (max-width: 480px) {
.img-head img{width:100%!important}
.container{width:80%;margin:0 auto;}
.img-responsive{width:100%}
}


@-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 4s ease infinite;
transform-origin: 50% 50%;
}

.shake1 {
animation: shake-animation 4.2s ease infinite;
transform-origin: 50% 50%;
}

.shake2 {
animation: shake-animation 4.4s ease infinite;
transform-origin: 50% 50%;
}

.shake3 {
animation: shake-animation 4.6s ease infinite;
transform-origin: 50% 50%;
}

.shake4 {
animation: shake-animation 4.7s ease infinite;
transform-origin: 50% 50%;
}

.shake5 {
animation: shake-animation 4.8s ease infinite;
transform-origin: 50% 50%;
}

.shake6 {
animation: shake-animation 5s ease infinite;
transform-origin: 50% 50%;
}

.shake7 {
animation: shake-animation 5.2s 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: 0 ;
	  -webkit-box-shadow: 0; 
	  box-shadow: 0; 
	  -moz-border-radius:0; 
	 
  }

  .linktree {
	  width: 50%;
	  height: 120px;
	  background-image: url("logo.png");
	  background-size: 100%;
	  background-repeat: no-repeat;

  }
  
  .btn-outline-light {
  color: #CF2029;
  font-size:20px!important;
  background-color: transparent;
  background-image: none;
  border:2px solid #CF2029;
}

.btn-outline-light:hover {color:#FFFFFF;border:2px solid #fff!important;}
.btn-outline-light1:hover {color:#FFFFFF}
.btn-outline-light1 {
  color: #fff;
  font-size:20px!important;
  background-color: transparent;
  background-image: none;
  border:2px solid #fff;
}
.gm{width:100%;margin-top:20px;}

.50img{height:50px;margin-right:10px}