Mikhail Shcheglakov

clock = document.querySelector('#clock');

const hexColor = document.querySelector('#hex-color');

function hexClock() {

 emspconst time = new Date();

 let hours = time.getHours().toString();

 let minutes = time.getMinutes().toString();

 let seconds = time.getSeconds().toString();

 if (hours.length < 2)

  hours = '0' + hours;

 if (minutes.length < 2)

  minutes = '0' + minutes;

 if (seconds.length < 2)

  seconds = '0' + seconds;

 let clockStr = hours + ':' + minutes + ':' + seconds;

 let hexColorStr = '#' + hours + minutes + seconds;

 clock.textContent = clockStr;

 hexColor.textContent = hexColorStr;

 document.body.style.backgroundColor = hexColorStr;

}

hexClock();

setInterval(hexClock, 1000);

.nav {

 z-index: 1;

 position: fixed;

 width: 100%;

 height: 60px;

 border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.nav.scrolled {

 background-color: #fff !important;

 transition: background-color 300ms linear;

}

.menu-open {

 position: absolute;

 line-height: 60px;

 left: 1.4em;

 cursor: pointer;

}

.brand span a {

 position: absolute;

 line-height: 60px;

 left: 50%;

 transform: translateX(-50%);

 text-transform: uppercase;

 font-size: 14px;

 font-weight: 300;

 letter-spacing: 4px;

}

.brand a:hover {

 text-decoration: none;

}

.cart {

 position: absolute;

 line-height: 60px;

 right: 1.4em;

 font-weight: 300;

 cursor: pointer;

}