h2 {
   font-size: 140%;
   font-family: 'Oswald-Light', Helvetica, Arial;
   user-select: none;
}

.block_border {
   /*бордер для блока*/
   border-radius: 0px 10px 0px 10px;
   border: 2px solid rgba(83, 89, 98, 0.5);
   padding: 5px;
}

.control_color {
   border-radius: 4px;
   width: 35px;
   height: 35px;
}

.info_block_display {
   position: absolute;
   top: 30%;
   left: 20%;
   right: 20%;
   border-radius: 5px;
   text-align: center;
   color: #242424;
   background-image: linear-gradient(0deg, rgb(138, 35, 35), rgb(204, 158, 158));
   font-family: 'Oswald-Demi-BoldItalic', Helvetica, Arial;
   font-size: 110%;
   box-shadow: 10px 10px 20px rgb(0, 0, 0);
   transition: 1s;
   z-index: 100;
}

.info_block_no_display {
   position: absolute;
   top: -30%;
   right: 90px;
   left: 90%;
   text-align: center;
   background-image: linear-gradient(0deg, rgb(138, 35, 35), rgb(204, 158, 158));
   font-family: 'Oswald-Demi-BoldItalic', Helvetica, Arial;
   font-size: 0%;
   box-shadow: 10px 10px 20px rgb(0, 0, 0);
   transition: 1s;
   z-index: 100;
}

.popup {
   background-image: url(../images/3.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: 100% 100%;
   padding: 0px;
   margin: 0px;
   height: 100%;
   width: 100%;
   overflow-y: hidden;
   overflow-x: hidden;
   z-index: -2;
   filter: blur(0px);
}