body {
    padding: 0px;
    margin: 0px;
}

header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
  
header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
  
header .container {
position: relative;
z-index: 2;
}

header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}

p .btn {
    border-radius: 30px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}	
	
.btn {
	margin: 100px auto;
	width: 350px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.btn before {
	content: attr(content);
	position: absolute;
	width: 345px;
	height: 45px;
	z-index: 1;
	background-color: #eee;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.btn after {
	content: "";
	width: 400px;
	height: 400px;
	position: absolute;
	border-radius: 50px;
	background: conic-gradient(
	#3a7cec 0%12.5%,
	#2ca24c 12.5%25%,
	#f1b500 25%37.5%,
	#e33e2b 37.5%50%,
	#3a7cec 50%62.5%,
	#2ca24c 62.5%75%,
	#f1b500 75%87.5%,
	#e33e2b 87.5%100%
);
	animation: border-animation 5s linear infinite;
	-webkit-animation: border-animation 5s linear infinite;
}

@keyframes border-animation {
to {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	}
}

@media (pointer: coarse) and (hover: none) {
header {
    /* background: url('video/girl-dancing.mp4') black no-repeat center center scroll; */
}
header video {
    /* display: none; */
}
}
.outer-footer{
	text-align: center;
	color: rgba(0,0,0,.7);
	text-shadow: 0 1px rgba(255, 255, 255, 0.1);
	background-color: transparent
}