@font-face {
  font-family: 'Geologica', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ru_Geologica.ttf) format('tiff');
}

body {
	font-family: 'Geologica', sans-serif;
	font-weight: bold;
	margin: 0 0;
	padding: 0 0;
}

h1 {
	font-family: 'Geologica', sans-serif;
	font-size: 3vw;
	height: auto;
	 margin: 0 0;
	padding: 0 0;
	border: none;
}

p {
		margin: 0 auto;
		padding: 1vw 1vw;
		text-align: left;
}

 @media (orientation: portrait) {

/* html {
    overflow-y: hidden;           Убирает полосу прокрутки, но и колёсиком не крутится   
}*/

 html::-webkit-scrollbar {          /*   Убирает полосу прокрутки   */
  width: 0;
}

 .container {
	width: 100vw;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0;
	border: none;
	 text-align: center;
}

 .container_add {
	width: 100vw;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0;
	background-color: #FFFF95; 
	border: none;
	 text-align: center;
}

p {
		font-size: 5vw;
		text-indent: 0;
		margin: 0 auto;
		padding: 1vw 1vw;
		text-align: left;
}
	
.label {
	font-size: 6vw;
	text-indent: 0;
	padding: 0 0;
	 text-align: left;
}

.red_m{
	display: inline-block;
	font-size: 6vw;
	color: #FFFFFF;
	width: 64vw;
	margin: 0 0.5vw;
	padding: 0.5vh 1vw;
	border: none;
	border-radius: 5px;
	background-color: #C10606;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.green_m{
	display: inline-block;
	font-size: 6vw;
	width: 65vw;
	margin: 0 0.5vw;
	padding: 0.5vh 1vw;
	border: none;
	border-radius: 5px;
	background-color: #009700;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.list_0{
	height: 0.5vw;
	border: none;
}

.list_01{
	height: 5vw;
	border: none;
}

.list{
	font-size: 6vw;
	width: 90vw;
	margin: 0 auto;
	padding: 0.5vh 1vw;
	background-color:  #FCFCFC;
	border: 1px solid #006500;
	border-radius: 1vw;
	box-shadow: 0 0 1vw rgba(0,0,0,0.5);
	text-align: left;
}

.list_mob{
	font-size: 8vw;
	width: 96vw;
	margin: 0 auto;
	padding: 0.5vh 1vw;
	color:  #373700;
	background-color:  #FCFCFC;
	border: 1px solid #B8B84E;
	border-radius: 1vw;
	box-shadow: 0 0 1vw rgba(0,0,0,0.5);
	text-align: left;
}

.list_input{
	display: inline-block;
	font-size: 6vw;
	color:  #010101;
	width: 75vw;
	margin: 0 auto;
	padding: 0.5vw 1vw;
	background-color:  #FCFCFC;
	border: 1px solid #006500;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	text-align: left;
}

.negative{
	color: #D00000;
}

.positive{
	color: #009700;
}

}
/*---------------------------------------------------------------------------------------------------------------------*/

@media (orientation: landscape) {

.container {
	width: 60vw;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0;
	border: none;
	 box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
	 text-align: center;
	}

.container_add {
	width: 60vw;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0 0;
	background-color: #FFFF95; 
	border: none;
	 box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */
	 text-align: center;
	}
	
h1 {
	font-family: 'Geologica', sans-serif;
	font-size: 1.5vw;
	height: auto;
	 margin: 0 0;
	padding: 0 0;
	border: none;
	text-align: center;
}	

p {
		font-size: 1.5vw;
		text-indent: 0;
		margin: 0 auto;
		padding: 1vw 1vw;
		text-align: left;
}

label {
	display: inline-block;
	font-size: 2vw;
	text-indent: 0;
	color: #010101;
	padding: 0 0;
	 text-align: left;
}

.red_m{
	display: inline-block;
	font-size: 2vw;
	color: #FFFFFF;
	width: 23.5vw;
	margin: 0 2vw;
	padding: 0.5vh 1vw;
	border-radius: 5px;
	background-color: #C10606;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.green_m{
	display: inline-block;
	font-size: 2vw;
	width: 25vw;
	margin: 0 2vw;
	padding: 0.5vh 1vw;
	border: none;
	border-radius: 5px;
	background-color: #009700;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.list{
	font-size: 2vw;
	width: 54vw;
	margin: 0 auto;
	padding: 0.5vw 1vw;
	color:  #010101;
	background-color:  #FCFCFC;
	border: 1px solid #006500;
	border-radius: 0.5vw;
	box-shadow: 0 0 0.5vw rgba(0,0,0,0.5);
	text-align: left;
}

.list_mob{
	font-size: 2vw;
	width: 54vw;
	margin: 0 auto;
	padding: 0.5vw 1vw;
	color:  #373700;
	background-color:  #FCFCFC;
	border: 1px solid #B8B84E;
	border-radius: 0.5vw;
	box-shadow: 0 0 0.5vw rgba(0,0,0,0.5);
	text-align: left;
	/*border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-align: left;*/
}

.list_input{
	display: inline-block;
	font-size: 2vw;
	color:  #010101;
	width: 35vw;
	margin: 0 auto;
	padding: 0.5vw 1vw;
	background-color:  #FCFCFC;
	border: 1px solid #006500;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-align: left;
	/*border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-align: left;*/
}

.list_0{
	height: 1.4vw;
	border: none;
}

.list_01{
	height: 0;
	border: none;
}

.negative{
	color: #E10000;
}

.positive{
	color: #009700;
}


.error {
	font-size: 3vw;
	color: #FF0000;
}

}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

.list  a{
	display: block; /* Ссылка как блочный элемент */
    text-align: left; /* Выравнивание по центру */
    height: 100%; /* Высота на весь слой */
    color: #474700; /* Цвет ссылки */
}

 .list_mob  a{
	display: block; /* Ссылка как блочный элемент */
    text-align: left; /* Выравнивание по центру */
    height: 100%; /* Высота на весь слой */
    color: #474700; /* Цвет ссылки */
}

.green a, input{
	display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
	color: #FFFFFF;
}

.green_m a{
	display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
	color: #FFFFFF;
}

.red_m a{
	display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
	color: #FFFFFF;
}

span {
	text-indent: 0;
	text-align: left;
}

.blue:hover {
	color: #A6A600;
}

 a {
    text-decoration: none; /* Убирает подчеркивание для ссылок */
} 

a:hover { 
	/*text-decoration: underline;*/ /* Добавляем подчеркивание при наведении курсора на ссылку */
	color: #A6A600; /* Ссылка красного цвета */
} 

/* Add a hover effect for buttons */
/*button:hover {
    opacity: 0.5;
}*/

.green:hover {
    opacity: 0.5;
}

.blue:hover {
    opacity: 0.5;
}

.red:hover {
    opacity: 0.5;
}

.red_long a{
	color: #FFFFFF;
}



select{
	font-size: 2vw;
	width: 54vw;
	margin: 0 auto;
	padding: 0.5vw 1vw;
	background-color:  #FCFCFC;
	border: none;
	/*box-shadow: 0 0 25px rgba(0, 0, 0, .3) inset;   Параметры тени */
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-align: left;
}

#left { text-align: left; }
  #right { text-align: right; }
   #center { text-align: center; }
   
.text{
	display: none;
	text-align: center;
}