/*
Theme Name: techstate
Description: techstate template
Author: ornament.design
Author URI: * https://ornament.design/
*/

@font-face {
  font-family: KyivType Sans Medium;
  src: local("KyivType Sans Medium"), local("KyivType Sans Medium"),
    url(dist/assets/KyivTypeSans-Medium-.15c406c2.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Regular"), local("KyivType Sans Regular"),
    url(dist/assets/KyivTypeSans-Regular.12c4eba8.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Medium"), local("KyivType Sans Medium"),
    url(dist/assets/KyivTypeSans-Medium.54f37c71.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Bold"), local("KyivType Sans Bold"),
    url(dist/assets/KyivTypeSans-Bold.2b077d8b.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Light"),
    url(dist/assets/Manrope-Light.8d4ec5d9.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Regular"),
    url(dist/assets/Manrope-Regular.2960175e.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Medium"),
    url(dist/assets/Manrope-Medium.562fb5d8.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Bold"),
    url(dist/assets/Manrope-Bold.ce687c0c.ttf) format("truetype");
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Heavy"), url(./Manrope-Heavy.ttf) format("truetype");
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Black"), url(./Manrope-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: bold;
}
@font-face {
  font-family: Space Mono;
  src: local("Space Mono"),
    url(dist/assets/SpaceMono-Regular.74ea8049.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

.icon_white {
  color: #ffffff;
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}

.cookie-consent {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 100%;
  max-width: 462px;
  background-color: #2e0089;
  color: #fff;
  padding: 40px;
  z-index: 1000;
}

.cookie-consent h3 {
  font-family: "KyivType Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 16px;
}

.cookie-consent p {
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  margin-bottom: 40px;
}

.button_border {
  border: 1px #ffffff solid;
}

@media (max-width: 480px) {
  .cookie-consent {
    bottom: 20px;
    right: 20px;
    width: calc(100vw - 40px);
    padding: 40px 20px 20px;
  }
}