/* шапка */
.header {
  height: 10%;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2vh;
  gap: 1vh;
}

.header p {
  margin: 0;
  font: 600 3vh Roboto, Arial, sans-serif;
  background: linear-gradient(
    90deg,
    rgba(0, 122, 194, 1),
    rgba(0, 171, 140, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transition: all 0.4s ease;
  cursor: default;
}

.header p:hover {
  transform: scale(1.08, 1.08) translate(0.3vh, 0.3vh);
  background: linear-gradient(
    90deg,
    rgba(0, 122, 194, 1),
    rgba(0, 171, 140, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  filter: drop-shadow(0 0 0.8vh rgba(255, 255, 255, 0.9))
    drop-shadow(0.2vh 0.4vh 1.2vh rgba(0, 82, 165, 0.9));
  cursor: pointer;
}