:root {
  --theme-color-0: #FFF;
  --theme-color-5: #137444;
  --theme-color-1: #1E1810;
  --theme-color-1-0: hexToRGBA(#1E1810, 0);
  --theme-color-1-5: hexToRGBA(#1E1810, 5);
  --theme-color-1-10: hexToRGBA(#1E1810, 10);
  --theme-color-1-15: hexToRGBA(#1E1810, 15);
  --theme-color-1-20: hexToRGBA(#1E1810, 20);
  --theme-color-1-25: hexToRGBA(#1E1810, 25);
  --theme-color-1-30: hexToRGBA(#1E1810, 30);
  --theme-color-1-40: hexToRGBA(#1E1810, 40);
  --theme-color-1-50: hexToRGBA(#1E1810, 50);
  --theme-color-1-70: hexToRGBA(#1E1810, 70);
  --theme-color-1-75: hexToRGBA(#1E1810, 75);
  --theme-color-1-100: hexToRGBA(#1E1810, 100);
  --theme-color-2: #861522;
  --theme-color-2-0: hexToRGBA(#861522, 0);
  --theme-color-2-5: hexToRGBA(#861522, 5);
  --theme-color-2-10: hexToRGBA(#861522, 10);
  --theme-color-2-15: hexToRGBA(#861522, 15);
  --theme-color-2-20: hexToRGBA(#861522, 20);
  --theme-color-2-25: hexToRGBA(#861522, 25);
  --theme-color-2-30: hexToRGBA(#861522, 30);
  --theme-color-2-40: hexToRGBA(#861522, 40);
  --theme-color-2-50: hexToRGBA(#861522, 50);
  --theme-color-2-70: hexToRGBA(#861522, 70);
  --theme-color-2-75: hexToRGBA(#861522, 75);
  --theme-color-2-100: hexToRGBA(#861522, 100);
  --theme-color-3: #E7E5E2;
  --theme-color-3-0: hexToRGBA(#E7E5E2, 0);
  --theme-color-3-5: hexToRGBA(#E7E5E2, 5);
  --theme-color-3-10: hexToRGBA(#E7E5E2, 10);
  --theme-color-3-15: hexToRGBA(#E7E5E2, 15);
  --theme-color-3-20: hexToRGBA(#E7E5E2, 20);
  --theme-color-3-25: hexToRGBA(#E7E5E2, 25);
  --theme-color-3-30: hexToRGBA(#E7E5E2, 30);
  --theme-color-3-40: hexToRGBA(#E7E5E2, 40);
  --theme-color-3-50: hexToRGBA(#E7E5E2, 50);
  --theme-color-3-70: hexToRGBA(#E7E5E2, 70);
  --theme-color-3-75: hexToRGBA(#E7E5E2, 75);
  --theme-color-3-100: hexToRGBA(#E7E5E2, 100);
  --theme-color-4: #6095C1;
  --theme-color-4-0: hexToRGBA(#6095C1, 0);
  --theme-color-4-5: hexToRGBA(#6095C1, 5);
  --theme-color-4-10: hexToRGBA(#6095C1, 10);
  --theme-color-4-15: hexToRGBA(#6095C1, 15);
  --theme-color-4-20: hexToRGBA(#6095C1, 20);
  --theme-color-4-25: hexToRGBA(#6095C1, 25);
  --theme-color-4-30: hexToRGBA(#6095C1, 30);
  --theme-color-4-40: hexToRGBA(#6095C1, 40);
  --theme-color-4-50: hexToRGBA(#6095C1, 50);
  --theme-color-4-70: hexToRGBA(#6095C1, 70);
  --theme-color-4-75: hexToRGBA(#6095C1, 75);
  --theme-color-4-100: hexToRGBA(#6095C1, 100);
  --theme-color-6: #D5DEEB;
  --theme-color-6-0: hexToRGBA(#D5DEEB, 0);
  --theme-color-6-5: hexToRGBA(#D5DEEB, 5);
  --theme-color-6-10: hexToRGBA(#D5DEEB, 10);
  --theme-color-6-15: hexToRGBA(#D5DEEB, 15);
  --theme-color-6-20: hexToRGBA(#D5DEEB, 20);
  --theme-color-6-25: hexToRGBA(#D5DEEB, 25);
  --theme-color-6-30: hexToRGBA(#D5DEEB, 30);
  --theme-color-6-40: hexToRGBA(#D5DEEB, 40);
  --theme-color-6-50: hexToRGBA(#D5DEEB, 50);
  --theme-color-6-70: hexToRGBA(#D5DEEB, 70);
  --theme-color-6-75: hexToRGBA(#D5DEEB, 75);
  --theme-color-6-100: hexToRGBA(#D5DEEB, 100);
  --theme-color-7: #709FC6;
  --theme-color-7-0: hexToRGBA(#709FC6, 0);
  --theme-color-7-5: hexToRGBA(#709FC6, 5);
  --theme-color-7-10: hexToRGBA(#709FC6, 10);
  --theme-color-7-15: hexToRGBA(#709FC6, 15);
  --theme-color-7-20: hexToRGBA(#709FC6, 20);
  --theme-color-7-25: hexToRGBA(#709FC6, 25);
  --theme-color-7-30: hexToRGBA(#709FC6, 30);
  --theme-color-7-40: hexToRGBA(#709FC6, 40);
  --theme-color-7-50: hexToRGBA(#709FC6, 50);
  --theme-color-7-70: hexToRGBA(#709FC6, 70);
  --theme-color-7-75: hexToRGBA(#709FC6, 75);
  --theme-color-7-100: hexToRGBA(#709FC6, 100);
  --theme-color-8: #FE7373;
  --theme-color-8-0: hexToRGBA(#FE7373, 0);
  --theme-color-8-5: hexToRGBA(#FE7373, 5);
  --theme-color-8-10: hexToRGBA(#FE7373, 10);
  --theme-color-8-15: hexToRGBA(#FE7373, 15);
  --theme-color-8-20: hexToRGBA(#FE7373, 20);
  --theme-color-8-25: hexToRGBA(#FE7373, 25);
  --theme-color-8-30: hexToRGBA(#FE7373, 30);
  --theme-color-8-40: hexToRGBA(#FE7373, 40);
  --theme-color-8-50: hexToRGBA(#FE7373, 50);
  --theme-color-8-70: hexToRGBA(#FE7373, 70);
  --theme-color-8-75: hexToRGBA(#FE7373, 75);
  --theme-color-8-100: hexToRGBA(#FE7373, 100);
  --theme-color-9: #D4D2CE;
  --theme-color-9-0: hexToRGBA(#D4D2CE, 0);
  --theme-color-9-5: hexToRGBA(#D4D2CE, 5);
  --theme-color-9-10: hexToRGBA(#D4D2CE, 10);
  --theme-color-9-15: hexToRGBA(#D4D2CE, 15);
  --theme-color-9-20: hexToRGBA(#D4D2CE, 20);
  --theme-color-9-25: hexToRGBA(#D4D2CE, 25);
  --theme-color-9-30: hexToRGBA(#D4D2CE, 30);
  --theme-color-9-40: hexToRGBA(#D4D2CE, 40);
  --theme-color-9-50: hexToRGBA(#D4D2CE, 50);
  --theme-color-9-70: hexToRGBA(#D4D2CE, 70);
  --theme-color-9-75: hexToRGBA(#D4D2CE, 75);
  --theme-color-9-100: hexToRGBA(#D4D2CE, 100);
  --theme-color-10: #88CC99;
  --theme-color-10-0: hexToRGBA(#88CC99, 0);
  --theme-color-10-5: hexToRGBA(#88CC99, 5);
  --theme-color-10-10: hexToRGBA(#88CC99, 10);
  --theme-color-10-15: hexToRGBA(#88CC99, 15);
  --theme-color-10-20: hexToRGBA(#88CC99, 20);
  --theme-color-10-25: hexToRGBA(#88CC99, 25);
  --theme-color-10-30: hexToRGBA(#88CC99, 30);
  --theme-color-10-40: hexToRGBA(#88CC99, 40);
  --theme-color-10-50: hexToRGBA(#88CC99, 50);
  --theme-color-10-70: hexToRGBA(#88CC99, 70);
  --theme-color-10-75: hexToRGBA(#88CC99, 75);
  --theme-color-10-100: hexToRGBA(#88CC99, 100);
  --theme-color-11: #B2B2BD;
  --theme-color-11-0: hexToRGBA(#B2B2BD, 0);
  --theme-color-11-5: hexToRGBA(#B2B2BD, 5);
  --theme-color-11-10: hexToRGBA(#B2B2BD, 10);
  --theme-color-11-15: hexToRGBA(#B2B2BD, 15);
  --theme-color-11-20: hexToRGBA(#B2B2BD, 20);
  --theme-color-11-25: hexToRGBA(#B2B2BD, 25);
  --theme-color-11-30: hexToRGBA(#B2B2BD, 30);
  --theme-color-11-40: hexToRGBA(#B2B2BD, 40);
  --theme-color-11-50: hexToRGBA(#B2B2BD, 50);
  --theme-color-11-70: hexToRGBA(#B2B2BD, 70);
  --theme-color-11-75: hexToRGBA(#B2B2BD, 75);
  --theme-color-11-100: hexToRGBA(#B2B2BD, 100);
  --theme-color-12: #000022;
  --theme-color-12-0: hexToRGBA(#000022, 0);
  --theme-color-12-5: hexToRGBA(#000022, 5);
  --theme-color-12-10: hexToRGBA(#000022, 10);
  --theme-color-12-15: hexToRGBA(#000022, 15);
  --theme-color-12-20: hexToRGBA(#000022, 20);
  --theme-color-12-25: hexToRGBA(#000022, 25);
  --theme-color-12-30: hexToRGBA(#000022, 30);
  --theme-color-12-40: hexToRGBA(#000022, 40);
  --theme-color-12-50: hexToRGBA(#000022, 50);
  --theme-color-12-70: hexToRGBA(#000022, 70);
  --theme-color-12-75: hexToRGBA(#000022, 75);
  --theme-color-12-100: hexToRGBA(#000022, 100);
  --theme-color-13: #F7F7F7;
  --theme-color-13-0: hexToRGBA(#F7F7F7, 0);
  --theme-color-13-5: hexToRGBA(#F7F7F7, 5);
  --theme-color-13-10: hexToRGBA(#F7F7F7, 10);
  --theme-color-13-15: hexToRGBA(#F7F7F7, 15);
  --theme-color-13-20: hexToRGBA(#F7F7F7, 20);
  --theme-color-13-25: hexToRGBA(#F7F7F7, 25);
  --theme-color-13-30: hexToRGBA(#F7F7F7, 30);
  --theme-color-13-40: hexToRGBA(#F7F7F7, 40);
  --theme-color-13-50: hexToRGBA(#F7F7F7, 50);
  --theme-color-13-70: hexToRGBA(#F7F7F7, 70);
  --theme-color-13-75: hexToRGBA(#F7F7F7, 75);
  --theme-color-13-100: hexToRGBA(#F7F7F7, 100);
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w0aXpsog.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

#notfound {
  position: relative;
  height: 100vh;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}
.notfound .notfound-500,
.notfound .notfound-404 {
  position: relative;
  height: 240px;
}
.notfound .notfound-500 h1,
.notfound .notfound-404 h1 {
  font-family: montserrat, sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0;
  color: var(--theme-color-1);
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}
.notfound .notfound-500 h1 > span,
.notfound .notfound-404 h1 > span {
  text-shadow: -8px 0 0 #fff;
}
@media only screen and (max-width: 767px) {
  .notfound .notfound-500 h1,
  .notfound .notfound-404 h1 {
    font-size: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-500 h1,
  .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
}
.notfound .notfound-500 h3,
.notfound .notfound-404 h3 {
  font-family: cabin, sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--theme-color-1);
  margin: 0;
  letter-spacing: 3px;
  padding-left: 6px;
}
@media only screen and (max-width: 767px) {
  .notfound .notfound-500,
  .notfound .notfound-404 {
    height: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-500,
  .notfound .notfound-404 {
    height: 162px;
  }
}
.notfound h2 {
  font-family: cabin, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--theme-color-1);
  margin-top: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .notfound h2 {
    font-size: 16px;
  }
}
