.video {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 5;	
	margin-top: 30px;

}

.down {
  width: 6%;
  height: 12%;
}



.button {
	opacity: 0.7;
	background-color: #EA4C89;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  /*height: 35px;*/
  /*line-height: 18px;*/
  list-style: none;
  /*margin: 0;*/
  width: 7%;
  outline: none;
  position: relative;
  text-align: center;

	/*position: fixed;*/
	/*top:0;*/
}

.button a {
display:block;
height:40px;
line-height:40px;


}

.button:hover {
	opacity: 1;
}

a {
  color: #000 !important;
  text-decoration: none;
}

#gifka1 {
	position: fixed;
	bottom: 0;
	z-index: 1;
	left: 1;
}
#gifka2 {
        position: fixed;
        bottom: 0;
	right: 0;
	z-index: 0;
}



/*.header {
	width:100%;
	text-align: center;
   background: rgba(0, 0, 0, 0.7);
   padding: 5px;
   z-index: 110;
   border-radius: 0% 0% 60% 60%;
}*/


@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}

:root {
  --card-height: 65vh;
  --card-width: calc(var(--card-height) / 1.5);
}

.header {
  background: rgba(0, 0, 0, 0.7);
  /*background: rgba(239, 126, 228, 0.7);*/
  width:70%;
  padding: 5px;
  margin: auto;
  position: relative;
  border-radius: 0% 0% 60% 60%;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;

}

.todown {
  padding-top: 1%;
justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
/*.header:hover:before, .header:hover:after {
  animation: none;
  opacity: 0;
}*/

.header::before {
  content: "";
  width: 102%;
  height: 102%;
/*  border: solid 1px;
  border-color: white;*/
  border-radius: 0% 0% 60% 60%;
/*  background-image: linear-gradient(
    var(--rotate)
    , #46d2dd, #3c67e3 43%, #ffffff);*/
    background-image:linear-gradient(
    var(--rotate)
    , #7de0e8, #ffffff 43%, rgb(247 153 211));
    position: absolute;
    z-index: -1;
    top: -1%;
    left: -1%;
    animation: spin 12.5s linear infinite;

}


/*.header::after {
  position: absolute;
  content: "";
  top: calc(var(--card-height) / 6);
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  transform: scale(0.8);
  filter: blur(calc(var(--card-height) / 6));
  background-image: linear-gradient(
    var(--rotate)
    , #5ddcff, #3c67e3 43%, #4e00c2);
    opacity: 1;
  transition: opacity .5s;
  animation: spin 4.5s linear infinite;
}*/

@keyframes spin {

  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}

#wait {
	position: relative;
}
.logo {
width:500px; /* you can use % */
    height: auto;
	/*opacity: 1;*/
}
.video iframe {
	/*margin-top: 25px;*/
	z-index:10;
	width: 840px;
	height: 472.5px;
	padding: 30px;
	margin:10px;
	border-radius: 30px;
	/*background-color: rgba(98, 247, 255, 0.4);*/
	background-color:  rgb(157 109 180 / 36%);
}


.new {
  background-color:  rgb(126 227 232 / 36%)  !important;
}

#todown {
  position: fixed;
  top: 0;
  z-index: 1;
  right: 1;
}
/*.video iframe::before {
		content:"asdasdasd";
		z-index: 13;
	color: black;
}*/

/*.video iframe:nth-child(odd) {
	background-color: rgba(125, 226, 232, 0.3);
}

.video iframe:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.3);
}*/

/*.other {

	text-align: center;
	color: black;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
	 width: 500px; 
	opacity: 0.8;
	background-color: white;
	border-color: black;
	border: 1px solid #867A7C;
	border-radius: 8px;
}*/


body {
	background-image: url("background.jpg");
	  margin: 0px;
	  /*overflow-x: hidden;*/
}