* {
	box-sizing: border-box;
}

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "MuseoSansLight";
    src: url("../fonts/MuseoSansLight.eot");
    src: url("../fonts/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLight.woff") format("woff"),
    url("../fonts/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

.hide {
	display: none!important;
}

.show_sticker {
  opacity: 1!important;
}

body {
	margin: 0;
  	overflow: hidden;
	font-family: 'MuseoSansLight';
}

#bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
 	width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
  	pointer-events: none;
}

#container {
	position: relative;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 1;
	color: #fff;
	height: 100vh;
    width: 100vw;
	padding: 2% 5%;
}

video {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  	width: 100%;
    height: 100%;
    object-fit: cover;
 	pointer-events: none;
    z-index: -1;
}

button {
    padding: 10px 15px;
    border-radius: 100px;
    background-color: #008bff;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
	width: fit-content;
}

#panel {
	position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 300px;
    width: 300px;
    padding: 20px;
    z-index: 3;
}

.anim_sticker {
	transition: all .8s;
    opacity: 0;
    height: 250px;
    width: fit-content;
}