body {
    font-family: Arial, sans-serif;
    margin: 20px;
	color: pink;
	font-size: 1.2rem;
	background-color: #000008;
}

.fixed-search {
    position: fixed; 
	margin-top: 10rem; /* Высота шапки */
	top: 0;  
	left: 0;   
	right: 0; 
	background-color: #00000f; /* Цвет фона, чтобы выделять поисковый рядок */
    padding: 10px 50px; /* Отступы для удобства */ 
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Тень для эффекта поднятости */ 
	}

h2 {
    margin-top: 80px;
}
h2, h3, h4 {
    text-align: center;
	color: #ffff00;
}

#searchInput {
    width: 50%;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1rem;
}

.display-container, .akb-container, .corpus-container {
    max-height: 400px; /* Задайте бажану висоту */
    overflow-y: auto;  /* Додаємо вертикальну прокрутку */
    border: 1px solid #ccc; /* Додатковий стиль для кращого вигляду */
    margin-top: 10px;
}

table {
    width: 100%;
    border-collapse: collapse;
	color: #00efff;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background-color: #f4f4f4;
}
@media (max-width: 768px), (max-device-width: 768px) {
	h2 {
    margin-top: 8rem;
}
	
	.fixed-search {
	margin-top: 7rem; /* Высота шапки */
	}
	
	#searchInput {
    font-size: 1.5rem;
    }
}
body {
	font-size: 1.5rem;
}