@font-face {
    font-family: 'Poiret One';
    src: url('../fonts/PoiretOne-Regular.woff2') format('woff2'),
        url('../fonts/PoiretOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nasalization';
    src: url('../fonts/Nasalization.woff2') format('woff2'),
        url('../fonts/Nasalization.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
	scroll-behavior: smooth;
}
body{
	margin:0;
	padding:0;
	background-image: url('../images/fon.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto;
	font-family: 'Poiret One';
}	
h1{
			font-size:35px;
	font-weight: 800;
			font-family: 'Nasalization';
	        text-shadow: 3px 3px 7px #DD3C8C;
			color:#fff;
	animation: pulsate 1.5s infinite alternate;   
}
h2{
			font-size:24px;
	font-weight: 800;
			font-family: 'Poiret One';
	        text-shadow: 2px 2px 5px #242424;
			color:#fff;
	border: 0.2rem solid #fff;
  border-radius: 2rem;
  padding: 0.4em;
  box-shadow: 0 0 .2rem #fff,
            0 0 .2rem #fff,
            0 0 2rem #bc13fe,
            0 0 0.8rem #bc13fe,
            0 0 2.8rem #bc13fe,
            inset 0 0 1.3rem #bc13fe;
}
@keyframes pulsate {
    
  100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff;
     
  
  }
  
  0% {

    text-shadow:
    0 0 2px #fff,
    0 0 4px #fff;
    

	}}
main{
	width:100%;
	height:auto;
}
#audio{
	width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.audio_controls{
	width:500px;
	height:250px;
}
#video{
	width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#streams{
	width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#mail{
	text-align:center;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border-radius: 20px;
	border:2px solid #fff;
	padding:20px;
}

.button{
	color:#fff;
	font-family: "Nasalization", sans-serif;
	border:2px solid rgba(224,21,198,0.7);
	border-radius: 20px;
	background: none;
	padding:10px;
	width:180px;
	text-align: center;
	font-size:24px;
	font-weight:400;
	cursor: pointer;
	line-height:24px;
	margin-top:15px;
	transition-duration: 0.5s;	
}
.button:hover{
	color:#000;
	border:2px solid #000;
	transition-duration: 0.5s;
}

label{
	
	font-family: "Nasalization",sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:18px;
	color:#fff;
}
#name,#email{
	margin:15px;
	background:none;
	border-radius: 20px;
	padding:10px;
	border:2px solid #fff;
	color:#fff;
	font-size:24px;
	font-weight:400;
	line-height:24px;
}
#text{
	margin:15px;
	background:none;
	border-radius: 20px;
	border:2px solid #fff;
	padding:10px;
	color:#fff;
	font-size:24px;
	font-weight:800;
}
#rocket{

	position:fixed;

	bottom:50px;

	right:50px;

	z-index:1500;	

	display:none;

	width:63px;

	height:134px;

	cursor:pointer;
	


}
#rocket:hover{
	cursor:pointer; 
}

#rocket:hover #plamja{
animation: flame .2s ease-out forwards infinite;
}
.zt0{fill-rule:evenodd;clip-rule:evenodd;fill:#590000;}
.zt1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFBF00;}
.zt2{fill-rule:evenodd;clip-rule:evenodd;fill:#8C0000;}
.zt3{fill-rule:evenodd;clip-rule:evenodd;fill:#CECEBF;}
.zt4{fill-rule:evenodd;clip-rule:evenodd;fill:#006DD9;}
.zt5{fill-rule:evenodd;clip-rule:evenodd;fill:#FFE646;}
.zt6{fill-rule:evenodd;clip-rule:evenodd;fill:#AA8000;}
.zt7{fill-rule:evenodd;clip-rule:evenodd;fill:#868675;}
.zt8{fill-rule:evenodd;clip-rule:evenodd;fill:#9B9B8C;}
.zt9{fill-rule:evenodd;clip-rule:evenodd;fill:#FF2D2D;}
.zt10{fill-rule:evenodd;clip-rule:evenodd;fill:#79796A;}
.zt11{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFF73;}
.zt12{fill-rule:evenodd;clip-rule:evenodd;fill:#2894FF;}
.zt13{fill-rule:evenodd;clip-rule:evenodd;fill:#004891;}
.zt14{fill-rule:evenodd;clip-rule:evenodd;fill:#EAEAE3;}
.zt15{fill-rule:evenodd;clip-rule:evenodd;fill:#464637;}
.zt16{fill-rule:evenodd;clip-rule:evenodd;fill:#777777;}
.zt17{fill-rule:evenodd;clip-rule:evenodd;fill:#0B0B0B;}
@keyframes flame {
  0% {
	opacity:0;
  }
  30% {
	transform:scaleY(1); 
opacity:0.8;
  }
  60% {
	transform:scaleY(1.05); 
opacity:0.9;
  }
	100%{
	transform:scaleY(1.1);	
opacity:1;
	}
}
#plamja{opacity:0;}
#bender,#fray,#leela{
	float:left;
	width:120px;
	height:120px;
	cursor: pointer;
}
#bender_img, #fray_img, #leela_img{
	margin:auto;
	width:90px;
	height:90px;
}
#bender_img:hover, #fray_img:hover, #leela_img:hover {
	margin:auto;
	width:100px;
	height:100px;
	cursor: pointer;
}

#bender input, #fray input, #leela input {
	display:none;
}
footer{
	position: fixed;
	left:0;
	bottom:0;
width:100%;
	height:50px;
	color:#fff;
	text-align:center;
	background:#000;
	line-height:50px;
}
footer a{
	text-decoration:none;
	color:#fff;
}
#copyright{
	width:100px;
	margin-left: auto;
	margin-right: auto;
}
#stream{
	margin-left: auto;
	margin-right: auto;
	width:100px;
	height:100px;
}