v3shin

body > div:first-child {
    display: none;
}

.nav {
    width: 100%;
}

<h1 class="hero__title">
  <span class="shadow">Дизайн и верстка</span>
  <span class="shadow">сайтов с нуля</span>
  <span class="shadow">для вас</span>
</h1>

.hero__title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.shadow {
  position: relative;
}
.shadow:after {
  background: #000;
  content: '';
  position: absolute;
  top: 10px;
  left: -10px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

document.addEventListener('click', function(e) {
    if (!e.target.closest('.modalClass')) {
        closeModal();
    }
});

// элементу присвойте id="langswitch"

// таймаут на 10 сек
let langswitchTimeout = setTimeout(() => {
    document.querySelector('#langswitch').classList.add('langswitch__hidden');
}, 10000);

// при наведении курсора - отменить скрытие
document.querySelector('#langswitch').addEventListener('mouseover', function () {
    if (langswitchTimeout) clearTimeout(langswitchTimeout);
});

// скрыть/показать по клику на .langswitch__toggler
document.querySelector('#langswitch .langswitch__toggler').addEventListener('click', function (e) {
    e.target.closest('.langswitch').classList.toggle('.langswitch__hidden');
});

<div class="itemBlock">
    <a.item>
    <iframe>
</div>

.itemBlock .item {
    display: none;
}