/** Shopify CDN: Minification failed

Line 176:102 Unexpected "/"

**/

h0, h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family:'nasalization-rg';
}
  
.button {
   font-family: 'Orbitron', Sans-serif;
    font-size: .9em;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffffff;
    background-color: #00000000;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    border-radius: 16px 16px 16px 16px;
    padding: 12px 25px;
      --color-button: none;
 }
  
  .background {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0
}
.objects {
    z-index: 2;
    width: 100vw;
    height: 100vh;
    width: 150vw;
    height: 150vh
}
.objects, .objects div {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
.fade, .objects div, .sky {
    width: 150vw;
    height: 150vh
}
.fade, .sky {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
.objects div {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}
.objects .grid {
    background-image: url(https://alienworlds.io/wp-content/uploads/2021/07/alienworlds-teleport-bg-grid.svg);
    z-index: 3
}
.objects .lines {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNjg3IDIyNzguNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMjUyNTI1fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTYzOS41IDBoMXYyMjc4LjRoLTF6TTUxMS42IDBoMXYyMjc4LjRoLTF6TTM4My43IDBoMXYyMjc4LjRoLTF6TTc2Ny40IDBoMXYyMjc4LjRoLTF6TTI1NS44IDBoMXYyMjc4LjRoLTF6TTEyNy45IDBoMXYyMjc4LjRoLTF6TTAgMGgxdjIyNzguNEgwek0xMTUxLjIgMGgxdjIyNzguNGgtMXpNMTAyMy4zIDBoMXYyMjc4LjRoLTF6TTg5NS4zIDBoMXYyMjc4LjRoLTF6TTEyNzkuMSAwaDF2MjI3OC40aC0xek0xNjYyLjggMGgxdjIyNzguNGgtMXpNMTUzNC45IDBoMXYyMjc4LjRoLTF6TTE0MDcgMGgxdjIyNzguNGgtMXpNMTc5MC43IDBoMXYyMjc4LjRoLTF6TTIxNzQuNCAwaDF2MjI3OC40aC0xek0yMDQ2LjUgMGgxdjIyNzguNGgtMXpNMTkxOC42IDBoMXYyMjc4LjRoLTF6TTIzMDIuMyAwaDF2MjI3OC40aC0xek0yNTU4LjEgMGgxdjIyNzguNGgtMXpNMjQzMC4yIDBoMXYyMjc4LjRoLTF6TTI2ODYgMGgxdjIyNzguNGgtMXoiLz48L3N2Zz4=);
    width: 175%;
    height: 175%;
    z-index: 2
}
.objects .dots {
    background-image: url(https://alienworlds.io/wp-content/uploads/2021/07/alienworlds-teleport-bg-dots.svg);
    width: 250%;
    height: 250%;
    z-index: 4
}
.sky {
    background-image: url(https://alienworlds.io/wp-content/uploads/2021/09/60a7e73474c9c6cac012d42c_alienworlds-website-home_banner.jpg);
    z-index: 0;
    width: 110%;
    height: 110%;
    opacity: 0.8
}
.fade {
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    background: linear-gradient(45deg, #111, rgba(17, 17, 17, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111", endColorstr="#00111111", GradientType=1)
}
.grad1, .gradients {
    position: absolute;
    z-index: 3;
    opacity: 0.3
}
.grad1 {
    width: 35vw;
    height: 35vw;
    right: 0;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: linear-gradient(135deg, rgba(65, 198, 206, 0.5) 50%, rgba(200, 153, 80, 0.6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8041c6ce", endColorstr="#99c89950", GradientType=1)
}
.grad1, .grad2 {
    bottom: 0;
    transform: translate(0vw, 0vw)
}
.grad2 {
    width: 25vw;
    height: 25vw;
    left: 0;
    z-index: 3;
    -webkit-clip-path: polygon(0 1%, 0% 100%, 100% 100%);
    clip-path: polygon(0 1%, 0% 100%, 100% 100%);
    background: linear-gradient(135deg, rgba(31, 145, 211, 0.5) 31%, hsla(0, 0%, 39.6%, 0.6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#801f91d3", endColorstr="#99656565", GradientType=1)
}
.gradwax1 {
    height: 70vw;
    width: 100vw;
    transform: translate(-100vw, 0vw);
    top: 0;
    -webkit-clip-path: polygon(70% 0, 100% 0, 30% 100%, 0 100%);
    clip-path: polygon(70% 0, 100% 0, 30% 100%, 0 100%);
    background: linear-gradient(45deg, rgba(247, 143, 27, 0.5) 11%, hsla(0, 0%, 39.6%, 0.2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#50f78f1b", endColorstr="#99656565", GradientType=1)
}
.gradwax1, .gradwax2 {
    z-index: 3;
    left: 0;
    opacity: 0
}
.gradwax2 {
    width: 60vw;
    height: 60vw;
    bottom: 0;
    transform: translate(-50vw, 30vw);
    -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%);
    clip-path: polygon(0 0%, 0% 100%, 100% 100%);
    background: linear-gradient(45deg, rgba(197, 191, 38, 0.8) 10%, rgba(247, 143, 27, 0.3) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c5bf26", endColorstr="#30f78f1b", GradientType=1)
}
.gradother1 {
    height: 70vw;
    width: 70vw;
    transform: translate(25vw, -40vw);
    top: 0;
    -webkit-clip-path: polygon(0 0, 45% 0, 100% 55%, 100% 100%);
    clip-path: polygon(0 0, 45% 0, 100% 55%, 100% 100%);
    background: linear-gradient(135deg, rgba(27, 208, 247, 0.5), rgba(255, 166, 50, 0.2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#501bd0f7", endColorstr="#99ffa632", GradientType=1)
}
.gradother1, .gradother2 {
    z-index: 3;
    right: 0;
    opacity: 0
}
.gradother2 {
    width: 60vw;
    height: 60vw;
    bottom: 0;
    transform: translate(40vw, 40vw);
    -webkit-clip-path: polygon(100% 2%, 0% 100%, 100% 100%);
    clip-path: polygon(100% 2%, 0% 100%, 100% 100%);
    background: linear-gradient(135deg, rgba(255, 186, 0, 0.3) 10%, rgba(120, 38, 197, 0.8) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#30ffba00", endColorstr="#807826c5", GradientType=1)
}
---------------------------------------------------------------------------------------------------- */

/* Animations */
.mainbtncont, .mainbtnwrap:before, .mainbtn, .mainbtn:after  {transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.mainbtnwrap, .mainbtnwrap:after  {transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1);}

.mainbtncont * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* Base Styles */
.mainbtncont {z-index: 2;position: relative;cursor:pointer;transform-origin: center;}
.mainbtnwrap {display: inline-block;position: relative;;box-sizing: border-box;color: #FFF;background-clip: padding-box;border: solid 0 transparent;border-radius: 20px;transform-origin: center;
	background: rgb(156,51,182); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(156,51,182,1) 0%, rgba(0,155,212,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(156,51,182,1) 0%,rgba(0,155,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(156,51,182,1) 0%,rgba(0,155,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-position: center center;
    background-size: auto 110%;
}
	.mainbtnwrap:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -2px;border-radius: 22px;
		background: rgb(200,200,200); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(200,200,200,1) 0%, rgba(49,64,182,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(200,200,200,1) 0%,rgba(49,64,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(200,200,200,1) 0%,rgba(49,64,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position: center center;
		background-size: auto 110%;
	}
	.mainbtnwrap:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -2;margin: -2px;border-radius: 22px;background-color: #212121;transform: translateY(3px) scale(1.01);}
.mainbtn {text-decoration:none;position:relative;overflow: hidden;z-index:5;font-family:'Orbitron';font-weight:700;font-size:18px;letter-spacing:1px;text-shadow:-1px -1px 0 rgba(33,33,33,.5);color:#FFF;padding: 15px 20px;border-radius: 20px;}
.mainbtn a {text-decoration:none;font-family:'Orbitron';font-weight:700;font-size:18px;letter-spacing:1px;text-shadow:-1px -1px 0 rgba(33,33,33,.5);color:#FFF;}

  
  .mainbtn:after {content:'';position: absolute;width:100%;height: 50%;z-index: 2;top: 50%;left: 0;transform: rotate(-2deg);opacity: .25;
		background: -moz-linear-gradient(top,  rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
.mainbtntxt {position: relative;z-index: 4;}

	/* Buttons Class Changes
	-------------------------------- */
	.mainbtncont .disabled {}
	

	/* Buttons Hovers
	-------------------------------- */
	.mainbtncont:hover {transform:scale(1.05);}
	
	.mainbtncont:hover .mainbtn:after {top:20%;transform: rotate(2deg);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.mainbtncont:hover .mainbtnwrap {
		background: -moz-linear-gradient(top,  rgba(156,51,182,1) 0%, rgba(0,155,212,1) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(156,51,182,1) 0%,rgba(0,155,212,1) 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(156,51,182,1) 0%,rgba(0,155,212,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position: bottom 10% center;
	    background-size: auto 200%;
	}
	
	.mainbtncont:hover .mainbtnwrap:before {
		background: -moz-linear-gradient(top,  rgba(180,180,180,1) 20%, rgba(255,255,255,1) 40%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(180,180,180,1) 20%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(180,180,180,1) 20%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		
	}
	
	.mainbtncont:hover .mainbtnwrap:after {transform: translateY(0px) scale(1.01);opacity: 0;}
	
	/* Active / Click / Tap
	-------------------------------- */
	.mainbtncont:active {transform:scale(0.98);}
	
	.mainbtncont:active .mainbtn {color:#212121;text-shadow:1px 1px 0 rgba(255,255,255,.5);}
	
	.mainbtncont:active .mainbtn:after {top:0%;transform: rotate(0deg);
		background: -moz-linear-gradient(top,  rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.mainbtncont:active .mainbtnwrap {
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 45%, rgba(220,220,220,1) 30%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 45%,rgba(220,220,220,1) 30%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 45%,rgba(220,220,220,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position: center center;
	    background-size: auto 110%;
	}
	
	.mainbtncont:active .mainbtnwrap:before {
		background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(7,163,221,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(7,163,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(7,163,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		
	}
	
	.mainbtncont:active .mainbtnwrap:after {transform: translateY(0px) scale(1.01);opacity: 0;}
	.containeraw {text-align: center; padding: 20px;overflow: hidden;}