@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@200;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;1,400&display=swap');
@import url('./css/variables.css');
@import url('./css/core.css');
@import url('./css/typography.css');
@import url('./css/form.css');
@import url('./css/header.css');
@import url('./css/canvas.css');
@import url('./css/menu.css');
@import url('./css/content.css');
@import url('./css/footer.css');
@import url('./css/titles.css');
@import url('./css/tags.css');

@import url('./css/pages/archive.css');
@import url('./css/pages/error.css');
@import url('./css/pages/home.css');
@import url('./css/pages/post.css');

@import url('./css/blocks/events.css');
@import url('./css/blocks/festivals.css');
@import url('./css/blocks/news.css');
@import url('./css/blocks/projects.css');

@import url('./css/widgets/slides.css');

.svg-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.04em;
  height: 1.04em;
  margin: -0.6em 0.1em;
  transform: translateY(0.1em);
  position: relative;
  pointer-events: none;
  mix-blend-mode: normal;
}

.svg-x svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.page-main-title,
.page-subtitle,
.page-text-title,
.card-title-archive {
  position: relative;
  pointer-events: auto;

  &:not(a) {
    cursor: default;
  }
}