@font-face { font-family: 'TemplateGothicCyrillic';  src: url('fonts/TemplateGothicCyrillic.ttf'); font-style: normal; 
    font-weight: normal; }

@font-face { font-family: 'TemplateGothicCyrillic-Bold';  src: url('fonts/TemplateGothicCyrillic-Bold.ttf'); font-style: normal; 
    font-weight: normal; }
/*--noMail.com.ua-css---*/
*
body { padding: 0 calc(20px - (100vw - 100%)) 0 0; 
	
	overflow-y:scroll;}

h2{
font-family: "TemplateGothicCyrillic-Bold";
	color: white;
    }
q{
font-family: "TemplateGothicCyrillic-Bold";
	color: #5280FF;
	font-size: 20px;
	}
h3{
font-family: "TemplateGothicCyrillic-Bold";
	color: white;
	font-size: 20px;
	line-height:0.001em
    }

h4{
font-family: "TemplateGothicCyrillic";
	color: white;
	font-size: 20px;
	line-height:0.001em
    }



p{
font-family: "TemplateGothicCyrillic";
	color: white;
	font-size: 20px;
	
    }

#textContainer p {
            font-family: "TemplateGothicCyrillic";
            font-size: 20px;
}

table {
  padding: 0px;
	border-spacing: 0px;
	overflow: hidden;
}
.table_block {
border-radius: 0px;
}

header {
	position: relative
}

/*--Main Css--*/

button 
{ margin: 0; 
	padding: 0; 
	border: 0; 
	outline: none; 
	background-color: transparent; }

li{
font-family: "TemplateGothicCyrillic";
	color: white;
	font-size: 20px;
    }


p{
font-family: "TemplateGothicCyrillic";
	color: white;
	font-size: 20px;
	  }

a:link {
  color: white;
}
a:visited {
  color: white;
}
a:hover {
  color:;
}
a:active {
	color: #9403FF ; }

#textContainer p {
            font-family: "TemplateGothicCyrillic";
            font-size: 20px;
}


header {
	position: relative
}

/*--Main Css--*/


#corner {
    position: absolute;
    right: 110px;
	top: 70vh
}
#bottom_corner{
    position: absolute;
	left: 110px
}

#app {
	background: #FFFFFF;

}
/* PICS */

 .gallery {
  display: table-cell;
  gap: 10px
}


.preview {
	padding: 5px;
	 cursor: pointer;
	height: 100px
}
.preview2 {
	padding: 5px;
	 cursor: pointer;
	height: 200px
}