/*
BEST CODE EVER — SO WOW 🐶
*/

@font-face {
  font-family: 'HKGrotesk-Bold';
  src: url('../fonts/HKGrotesk-Bold.eot');
  src: url('../fonts/HKGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/HKGrotesk-Bold.woff2') format('woff2'),
  url('../fonts/HKGrotesk-Bold.woff') format('woff'),
  url('../fonts/HKGrotesk-Bold.ttf') format('truetype'),
  url('../fonts/HKGrotesk-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  vertical-align: baseline;
  background: transparent;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
img,
object,
embed {max-width: 100%;}

canvas {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
}

body {
  background: #d0cfc5;
  /*background: url('../img/bgn.jpg') #d0cfc5 no-repeat center center fixed;
  background-size: cover;*/
  color: #fff;
  font-family: 'HKGrotesk-Bold';
  font-weight: normal;
  font-style: normal;
    width: 100%;
  overflow: hidden;
}

::selection {
  background: #4600F0;
  color: #fff;
}
::-moz-selection {
  background: #4600F0;
  color: #fff;
}
h1 {
  font-family: 'HKGrotesk-Bold';
  font-size: 5.6vw;
  line-height: 6rem;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2.6vw;
  text-align: justify;
text-transform: uppercase;
}
@media handheld, only screen and (min-width: 1260px) {
  h1 {
  letter-spacing: 1.7vw;
}}
h2 {
  font-size: 1rem;
  letter-spacing: 0.1rem;
  text-align: justify;
  text-align-last: justify;
  font-family: 'HKGrotesk-Bold';
  font-weight: bold;
  text-align: justify;
  text-transform: uppercase;
}
h3 {
  font-size: 1rem;
  line-height: 1.2rem;
  padding-bottom: 0.5rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}
p {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: .01em;
  text-align: justify;
}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a {
  text-decoration: none;
  color: #fff;
  outline: none;
  text-decoration: none;
  position: relative;
  font-size: inherit;
  display: inline-block;
}
hr {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px solid #5e0ac3;
    padding: 0;
}
.grid {
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 1.5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.link {
  transition: 0.5s ease;
}
.link:hover {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='@value');
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.hidden {
  visibility: hidden;
}
strong, .strong {
  font-family: 'HKGrotesk-Bold';
  font-weight: bold;
  font-style: normal;
}
.center {
  display: block;
  margin: auto;
  text-align: center;
}
.justify {
  display: -webkit-box;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-pack: justify;
  -moz-box-align: center;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  display: box;
  box-pack: justify;
  box-align: center;
}