@import url(./reset.css);
@import url(./normalize.css);
@import url(./root.css);

@import url(./components/nav-menu.css);
@import url(./components/language-switch.css);
@import url(./components/theme-switch.css);
@import url(./components/button.css);
@import url(./components/section-heading.css);
@import url(./components/accordion.css);
@import url(./components/features-block.css);
@import url(./components/planet-system.css);
@import url(./components/solar.css);
@import url(./components/about-cards-animations.css);

@import url(./blocks/header.css);
@import url(./blocks/hero.css);
@import url(./blocks/about.css);
@import url(./blocks/partners.css);
@import url(./blocks/founders.css);
@import url(./blocks/projects.css);
@import url(./blocks/fund.css);
@import url(./blocks/blog.css);
@import url(./blocks/project-features.css);
@import url(./blocks/project-solutions.css);
@import url(./blocks/project-questions.css);
@import url(./blocks/project-link.css);
@import url(./blocks/article.css);
@import url(./blocks/footer.css);

html {
  overflow: clip;
  scrollbar-width: 0;
  min-height: 100%;
}

body {
  min-height: 100%;
  background-color: var(--color-page-bg);
  font-family: "Raleway", sans-serif;
  color: var(--color-text-primary);
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
}

section {
  padding-block: 20px;
}

p:not(:last-child) {
  margin-bottom: clamp(1rem, 0.8571rem + 0.7143vw, 1.375rem);
}

path.st6 {
  fill: var(--color-partners-logo);
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.container {
  max-width: calc(1160px + 2 * var(--size-page-padding-x));
  margin: 0 auto;
  padding-inline: var(--size-page-padding-x);
  position: relative;
}

.project-container {
  max-width: 960px;
}

.article-container {
  max-width: 960px;
  margin-inline: auto;
}

.h1 {
  font-weight: 600;
  font-size: clamp(1.375rem, 0.6607rem + 3.5714vw, 2.375rem);
  color: var(--color-h1);
  line-height: 120%;
}

.h3 {
  font-weight: 600;
  font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.25rem);
  line-height: 140%;
  color: var(--color-h3);
}

.blur {
  backdrop-filter: blur(2px);
}
/* 
* {
  outline: 1px solid rgba(173, 216, 230, 0.3);
} */
