.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#090909;background-image:url("http://ashoka.ro/carmen/wp-content/uploads/2020/10/background.jpg");background-position:center center;}.elementor-kit-10 p{margin-bottom:0px;}.elementor-kit-10 a{color:#FFFFFF;text-decoration:underline;}.elementor-kit-10 h1{font-family:"Archivo Black", Sans-serif;font-size:16px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.elementor-widget:not(:last-child){margin-bottom:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1025px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:768px;}}/* Start custom CSS */@charset "UTF-8"

@font-face
  font-family 'm'
  src url('m.eot')
  src url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAPYAA4AAAAABWwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABRAAAABwAAAAcdYqrU0dERUYAAAFgAAAAGwAAAB4AJwALT1MvMgAAAXwAAABAAAAAVmNxlaRjbWFwAAABvAAAAE8AAAFaS77eumdhc3AAAAIMAAAACAAAAAj//wADZ2x5ZgAAAhQAAAAwAAAAMA8kb95oZWFkAAACRAAAACsAAAA2CtPVwWhoZWEAAAJwAAAAGwAAACQQUQgGaG10eAAAAowAAAATAAAAFB/QAGhsb2NhAAACoAAAAAwAAAAMABAAGG1heHAAAAKsAAAAHQAAACAASAAHbmFtZQAAAswAAADWAAABbvJDQCtwb3N0AAADpAAAACwAAABDyHv48HdlYmYAAAPQAAAABgAAAAYT41XpAAAAAQAAAADRbYhRAAAAANIOXqAAAAAA0g7EYXjaY2BkYGDgAWIxIGZiYARCFjAG8RgAA8oAMwB42mNgZP/AOIGBlYGF1YB1BgMDowyEZr7CkMIkwMDAxMDKyQADjAxIICDNNQVI8ar+YW/438CwgwNJDQCyMwoGeNpjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhAwMvAy5qn/+/wergrP/f/0/7RYHVC8UMLIxwAUYQTqZGFABIwN1ATPDoAMAL2MMmQAAAAAB//8AAgABAGgAAAeYCAAAAwAAKQEJAQJ0BST7YP1wCAD7jAAAAAEAAAAAAAAAAAADAAA5A3jaY2BkYGAA4r2Ronvj+W2+MnBzMIDAJb4jScg0+wywOAcDE4gCAAWECFoAeNpjYGRg4GAAgh1gkoF9BgMjAypgBQAhaQFvAHja42CAAA4IzmC/wMAAAAXoAVgAAAAAAAAAAAAAEAAYeNpjYGRgYGBlYGEA0QwMTEDMCGY7gPkMAAM7AFAAAAB42lWOS2oCURREj7YJfkDEQQaOegOKX1AXII6jKDhTMFFiR23NHkJW5NChnxW4G+t1X4UMLvd03XpVDeT4wyORypAgCcZJ8pqYPdoUjFMU6Ru/8MbE+FXujfFJemh8psqv8YU0B+MrWY4x3zxKugW8M+eTH1ZM9b7Hmm/20Q6lz/GpU1GeT1cT2G5QpqOp61KjFen/k0b6CtmxjBJ9uVxKwFj6jA/reehDFnrpM9B1o+0aXHNDbU3ld0XtSIn7vuRzTveXcUPvmThgq6ylLqE8qzsKeS50AAB42mNgYsAPWBkYGJkYmRkCGFnY0nMqCzIM2UvzMg0MDFxAtJGpmzMAXuUHKQABVekT4gAA') format('woff'),
      url('m.ttf') format('truetype')

// Variables

$icon = 180px
$bg = hsl(207,8%,22%)
$brighter = hsl(0,0%,87%)
$darker = hsl(200,1%,61%)
$green = hsl(79,53%,54%)
$red = hsl(3,74%,58%)

// Functions

random(min,max)
  return floor(math(0, 'random')*(max - min + 1) + min)

transform()
  -webkit-transform (arguments)
  transform (arguments)
	
animation()
	-webkit-animation (arguments)
	animation (arguments)

smooth()
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale

// Styling

body
  margin 0
  user-select none
  background $bg

logo
  display block
  text-align center
  transform translate3d( -($icon/100*40), 50vh, 0)
  margin-top -($icon/2)

m
  display inline-block
  font-family "m"
  line-height 100%
  letter-spacing -0.5em
  smooth()
  &:before, &:after
    content attr(data-icon)
    position absolute
    top 0
    bottom 0
    left 0
    right 0
    background $bg
    clip rect(0, 0, 0, 0)
  &:nth-child(1)
    font-size $icon
    color $brighter
    transform translateZ(2px)
    &:before
      text-shadow ($icon/70) 0 $green
    &:after
      text-shadow -($icon/100) 0 $red
    &:before, &:after
      animation \
        glitchClip 10s infinite linear alternate-reverse,
        glitchMove 3s steps(10) infinite
  &:nth-child(2)
    font-size ($icon/100*85)
    color $darker
    transform translateZ(1px)
    z-index -1
    position absolute
    margin-top ($icon - ($icon/100*85))
    &:before
      text-shadow ($icon/120) 0 $green
    &:after
      text-shadow -($icon/150) 0 $red
    &:before, &:after
      animation \
        glitchyClip 10s infinite linear alternate-reverse,
        glitchyMove 2s steps(10) infinite

// Keyframes

vendors = webkit official

@keyframes glitchClip
  for items in (0..100)
    {1% * items}
      clip rect(
        random(0,$icon)px, ($icon*5),
        random(0,$icon)px, 0 )

@keyframes glitchMove
  for items in (0..10)
    {10% * items}
      left random(($icon/40),($icon/20))px

@keyframes glitchyClip
  for items in (0..100)
    {1% * items}
      clip rect(
        random(0,($icon/100*85))px, ($icon*5),
        random(0,($icon/100*85))px, 0 )

@keyframes glitchyMove
  for items in (0..10)
    {10% * items}
      left random(0,($icon/20))px/* End custom CSS */