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

html, body {
	margin: 0;
    padding: 0;
	font-family: "PalatinoLinotype-Roman";
	background-color: #000000; /* Цвет фона */
	color: white; /* Цвет текста */
}

#domen {
	float: left;
	font-size: 24px;
	font-weight: bold;
}
#nameprogram {
	float: right;
	font-size: 24px;
	font-weight: bold;
}
.container {
	border: 0px solid white; /* Толщина границы 2px, стиль сплошной, цвет белый */
	margin: 0;
    padding: 0;
	width: 768px; /* Фиксированная ширина в пикселях */
	/*width: 50%;  или любая фиксированная ширина */
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

/* Настройка стилей кнопок **************************************************************** */
.button {
	display: block; /* Делаем кнопки блочными элементами, чтобы они располагались друг под другом */
	border: 2px solid white; /* Толщина границы 2px, стиль сплошной, цвет белый */
	margin: 20px;
	padding: 10px 20px; /* Отступы внутри кнопки */
	text-align: center; /* горизонтальное выравнивание текста */
	
  	background-color: #000000; /* Цвет фона */
	font-size: 50px;
	
  	color: white; /* Цвет текста */
  	border-radius: 5px; /* Скругляем углы */
  	cursor: pointer; /* Изменяем курсор на указатель */
 /*  	transition: background-color 0.3s, transform 0.2s; Анимация для плавности */
	
	text-decoration: none; /* Убираем подчеркивание */  
	font-style: italic;
	font-weight: 1000; /* Эквивалентно bold */

}

.button:hover {
	border: 2px solid white; /* Толщина границы 2px, стиль сплошной, цвет белый */
  	transform: scale(1.05); /* Немного увеличиваем кнопку */
}

.button:active {
	border: 2px solid white; /* Толщина границы 2px, стиль сплошной, цвет белый */
  	transform: scale(0.95); /* Уменьшаем кнопку при нажатии */
}


label {
	width: 100px; /* Фиксированная ширина в пикселях */
}

input {
	width: 100px; /* Фиксированная ширина в пикселях */
}

select {
	width: 100px; /* Фиксированная ширина в пикселях */
}
hr {
	width: 250px; /* Фиксированная ширина в пикселях */
}

.but_ras { 		  /* Кнопка расчет */
	margin: 0;
    padding: 20px;
	
/* 	background-color: #015015; Цвет фона */
 /* 	color: white; Цвет текста */

 	width: 250px; 
	font-size: 24px;
	font-weight: bold;
}


/* **************************************************************************************** */
/* **************************************************************************************** */
/* **************************************************************************************** */
@media (max-width: 768px) {
    .container {
        width: 95%; /* Более широкий контейнер на маленьких экранах */
        margin: 0 auto; /* Центрирование остается */
    }
	#domen {
	float: left;
	font-size: 16px;
	font-weight: bold;
}
#nameprogram {
	float: right;
	font-size: 16px;
	font-weight: bold;
}
/* **************************************************************************************** */
/* **************************************************************************************** */
/* **************************************************************************************** */	
}