/*
https://css-tricks.com/how-to-disable-links/
*/

#main-body{
	background-color: #000000;
}

@font-face {
    font-family: 'mattone150';
    src: url('Mattone-150.woff2') format('woff2'),
         url('Mattone-150.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.main-heading{
	font-family: 'mattone150';
}

.btn-disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
	pointer-events: none;
}

.footer-text{
	line-height: 1.5;
}


@import "compass/css3";
 body {
	 background: black;
}
 .glitch {
	 color: white;
	 position: relative;
	 width: 100%;
	 margin: 0 auto;
}
 @keyframes noise-anim {
	 0% {
		 clip: rect(34px, 9999px, 59px, 0);
	}
	 5% {
		 clip: rect(88px, 9999px, 51px, 0);
	}
	 10% {
		 clip: rect(20px, 9999px, 35px, 0);
	}
	 15% {
		 clip: rect(33px, 9999px, 100px, 0);
	}
	 20% {
		 clip: rect(26px, 9999px, 34px, 0);
	}
	 25% {
		 clip: rect(33px, 9999px, 57px, 0);
	}
	 30% {
		 clip: rect(82px, 9999px, 91px, 0);
	}
	 35% {
		 clip: rect(30px, 9999px, 89px, 0);
	}
	 40% {
		 clip: rect(74px, 9999px, 90px, 0);
	}
	 45% {
		 clip: rect(7px, 9999px, 15px, 0);
	}
	 50% {
		 clip: rect(98px, 9999px, 3px, 0);
	}
	 55% {
		 clip: rect(74px, 9999px, 88px, 0);
	}
	 60% {
		 clip: rect(5px, 9999px, 71px, 0);
	}
	 65% {
		 clip: rect(63px, 9999px, 32px, 0);
	}
	 70% {
		 clip: rect(56px, 9999px, 65px, 0);
	}
	 75% {
		 clip: rect(24px, 9999px, 15px, 0);
	}
	 80% {
		 clip: rect(14px, 9999px, 98px, 0);
	}
	 85% {
		 clip: rect(90px, 9999px, 20px, 0);
	}
	 90% {
		 clip: rect(91px, 9999px, 94px, 0);
	}
	 95% {
		 clip: rect(87px, 9999px, 23px, 0);
	}
	 100% {
		 clip: rect(47px, 9999px, 39px, 0);
	}
}
 .glitch:after {
	 content: attr(data-text);
	 position: absolute;
	 width: 100%;
	 left: 2px;
	 text-shadow: -1px 0 red;
	 top: 0;
	 color: white;
	 background: initial;
	 overflow: hidden;
	 clip: rect(0, 900px, 0, 0);
	 animation: noise-anim 2s infinite linear alternate-reverse;
}
 @keyframes noise-anim-2 {
	 0% {
		 clip: rect(46px, 9999px, 72px, 0);
	}
	 5% {
		 clip: rect(99px, 9999px, 75px, 0);
	}
	 10% {
		 clip: rect(74px, 9999px, 55px, 0);
	}
	 15% {
		 clip: rect(31px, 9999px, 66px, 0);
	}
	 20% {
		 clip: rect(81px, 9999px, 62px, 0);
	}
	 25% {
		 clip: rect(49px, 9999px, 15px, 0);
	}
	 30% {
		 clip: rect(66px, 9999px, 56px, 0);
	}
	 35% {
		 clip: rect(77px, 9999px, 8px, 0);
	}
	 40% {
		 clip: rect(73px, 9999px, 99px, 0);
	}
	 45% {
		 clip: rect(37px, 9999px, 45px, 0);
	}
	 50% {
		 clip: rect(24px, 9999px, 49px, 0);
	}
	 55% {
		 clip: rect(27px, 9999px, 25px, 0);
	}
	 60% {
		 clip: rect(74px, 9999px, 20px, 0);
	}
	 65% {
		 clip: rect(9px, 9999px, 3px, 0);
	}
	 70% {
		 clip: rect(37px, 9999px, 2px, 0);
	}
	 75% {
		 clip: rect(94px, 9999px, 49px, 0);
	}
	 80% {
		 clip: rect(31px, 9999px, 88px, 0);
	}
	 85% {
		 clip: rect(77px, 9999px, 39px, 0);
	}
	 90% {
		 clip: rect(75px, 9999px, 8px, 0);
	}
	 95% {
		 clip: rect(37px, 9999px, 14px, 0);
	}
	 100% {
		 clip: rect(29px, 9999px, 99px, 0);
	}
}
 .glitch:before {
	 content: attr(data-text);
	 position: absolute;
	 width: 100%;
	 left: -2px;
	 text-shadow: 1px 0 blue;
	 top: 0;
	 color: white;
	 background: initial;
	 overflow: hidden;
	 clip: rect(0, 900px, 0, 0);
	 animation: noise-anim-2 3s infinite linear alternate-reverse;
}
 

 .fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-1-12 11:58:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

 .fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-1-12 12:5:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/***************************************************
 * Generated by SVG Artista on 1/12/2022, 12:24:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 871.8588256835938px;
  stroke-dasharray: 871.8588256835938px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-2 {
  stroke-dashoffset: 457px;
  stroke-dasharray: 457px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  stroke-dashoffset: 1108.72607421875px;
  stroke-dasharray: 1108.72607421875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-4 {
  stroke-dashoffset: 457px;
  stroke-dasharray: 457px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-5 {
  stroke-dashoffset: 752.001953125px;
  stroke-dasharray: 752.001953125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
  stroke-dashoffset: 1074.088134765625px;
  stroke-dasharray: 1074.088134765625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-7 {
  stroke-dashoffset: 1082.9937744140625px;
  stroke-dasharray: 1082.9937744140625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-8 {
  stroke-dashoffset: 998.64404296875px;
  stroke-dasharray: 998.64404296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-9 {
  stroke-dashoffset: 1177.468017578125px;
  stroke-dasharray: 1177.468017578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-10 {
  stroke-dashoffset: 1108.7259521484375px;
  stroke-dasharray: 1108.7259521484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-11 {
  stroke-dashoffset: 1206.493896484375px;
  stroke-dasharray: 1206.493896484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-12 {
  stroke-dashoffset: 691.993896484375px;
  stroke-dasharray: 691.993896484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-13 {
  stroke-dashoffset: 1521.16064453125px;
  stroke-dasharray: 1521.16064453125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-14 {
  stroke-dashoffset: 998.64404296875px;
  stroke-dasharray: 998.64404296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-15 {
  stroke-dashoffset: 691.993896484375px;
  stroke-dasharray: 691.993896484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

.btn-svg{
	max-width: 20px;
}

.main-v
{
  max-width: 100px;
  display: block;
}

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.v-anim-1{-webkit-animation:animate-svg-fill-1 1s cubic-bezier(0.075,0.82,0.165,1) 0.35s both;animation:animate-svg-fill-1 1s cubic-bezier(0.075,0.82,0.165,1) 0.35s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.v-anim-2{-webkit-animation:animate-svg-fill-2 1s cubic-bezier(0.075,0.82,0.165,1) 0.44999999999999996s both;animation:animate-svg-fill-2 1s cubic-bezier(0.075,0.82,0.165,1) 0.44999999999999996s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.v-anim-3{-webkit-animation:animate-svg-fill-3 1s cubic-bezier(0.075,0.82,0.165,1) 0.55s both;animation:animate-svg-fill-3 1s cubic-bezier(0.075,0.82,0.165,1) 0.55s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.v-anim-4{-webkit-animation:animate-svg-fill-4 1s cubic-bezier(0.075,0.82,0.165,1) 0.65s both;animation:animate-svg-fill-4 1s cubic-bezier(0.075,0.82,0.165,1) 0.65s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.v-anim-5{-webkit-animation:animate-svg-fill-5 1s cubic-bezier(0.075,0.82,0.165,1) 0.75s both;animation:animate-svg-fill-5 1s cubic-bezier(0.075,0.82,0.165,1) 0.75s both}