Иван

.container{
    display: flex;
    flex-direction: row;
    max-height: 100vh;
    height: 100%;
}

input::-webkit-calendar-picker-indicator {
                opacity: 0;
            }

Можно попробовать так :)

const theme = document.querySelector(':root');
const btns = document.querySelectorAll('.colors');

setColor('color', '#fff');

	function setColor(color, value) {
		if (localStorage.getItem(color)) {
			theme.style.setProperty("--color", `${localStorage.getItem(color)}`);
		} else {
			theme.style.setProperty("--color", value);
			localStorage.setItem('color', value);
		}
	}

	function getColor(color) {
		theme.style.setProperty("--color", color);
		localStorage.setItem('color', color);
	}
	
	btns.forEach(function(btn){
	
		btn.addEventListener("click", function(e){
	
			const color = e.currentTarget.classList;
	
			if(color.contains("green")){
				getColor('#47A846');
			}

			else if(color.contains("grey")){
				getColor('#6C757D');
			}
			else{
				getColor('#F26B38');
			}
		});
	});

Вот пример с цветом на body:

Разница в том, что запись :
setTimeOut(myfunc(),1000)
Неправильная.

Так как, в setTimeout функцию нужно передавать, а не вызывать.

a - высота от верхней границы документа до красного блока.
b - высота окна.
scroll - расстояние которое прошла верхняя граница окна от начала документа

Добавь контейнеру:
display: flex;

И ровнях их, как тебе нужно с помощью justify-content;

Например так:

.container{
    width: 100%;
    max-width: 1024px;
    margin:0 auto;
    padding:0px 128px;
    display: flex;
    justify-content: space-between; 
}

Перенесите этот блок в header и фон задайте именно header`у

В твоем случае, JS просто передает строку в CSS "33%". Для JS - это просто текст, не иначе.
При сложении, ты просто получишь "33%33%", т.к. сложил две строки.

Уверен, что это можно решить как-то еще правильнее, но вот так можно реализовать увеличение при клике, на 33% от ширины родителя.

Если кнопка сделана ссылкой, то:
<a href="#">Ссылка</a>

Заменить на:
<a href="javascript://">Ссылка</a>

Либо обработчику

button.addEventListener('click', (e) => {
e.preventDefault();
});