Привет! Я не много переделал твой макет на скорую руку. Шрифт не тот, что у тебя + не совсем те иконки, но чтобы донести мысль думаю пойдет. Мне показалось, что в левой части у тебя нагромождение сущностей, не консистентные иконки (две закрашены, две в обводке), две кнопки равнозначные, а так быть не должно ("главная" кнопка должна стоять ближе к центру). В правую часть я бы поставил иллюстрацию (моя из гугла, но лучше взять авторскую, если есть такая возможность). 
window.addEventListener('load', () => {
const allText = document.body.innerText;
console.log(allText);
});
:not(:placeholder-shown):valid/:invalid можно вешать стили для отображения состояния полей
overflow: hidden.btn {
position: relative;
}.btn:before {
content: '';
position: absolute;
left: -25px;
bottom: -30px;
width: 30px;
height: 30px;
background: blue;
transition: .8s ease;
border-radius: 25px;
z-index: -1;
}.btn:hover:before {
}
