@font-face {
    font-family: 'VT220';
    src: url('VT220.ttf') format('truetype');
}

body {
    margin: 0;
    height: 100vh;
    background-color: black;
    color: rgb(74, 140, 27);
    font-family: 'VT220', monospace;
    animation: pulseBlur 2s infinite; /* Используем пульсирующую анимацию */
}

@keyframes pulseBlur {
    0%, 100% {
        filter: blur(1px); 
    }
    20% {
        filter: blur(5px); 
    }
}


/* Визуальный эффект плавного перехода */
body {
    animation: pulseBlur 2s cubic-bezier(0.5, 0, 0.4, 1) infinite; /* Альтернативная функция временной зависимости */
}

.container {
    display: flex;
    flex-direction: column;
    height: 70%;
}

.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
}

.inputs {
    display: flex;
    justify-content: space-between; /* Распределение полей по ширине */
    width: 100%; /* Используем всю доступную ширину */
}

input {
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    flex: 1; /* Занимаем всю ширину доступного пространства */
    max-width: 200px; /* Максимальная ширина полей ввода */
}

.lines {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.line {
    width: 100%;
    text-align: center;
}