/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #000;
  color: #2f3138;
  font-family: "Open Sans", sans-serif;
}
.glow2 {
    color:red;
    font-weight: 900;
}
a {
  color: #f82249;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #f8234a;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  color: #0e1b4d;
}

.main-page {
  margin-top: 70px;
}

.wow {
  visibility: hidden;
}

/* Prelaoder */

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
}

/*--------------------------------------------------------------
# main Section
--------------------------------------------------------------*/

#main {
    width: 100%;
    height: 100%;
    background: url(../img/Cosmos.jpg);
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    display: grid;
}

#main h2 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  text-shadow: 3px 3px 5px #000;
  -webkit-filter: drop-shadow(1px 2px 4px #3be5cd);
  margin: 0 12em;
    max-height: 10%;
    min-height: 10%;}
    
#main h0 {
  color: #fdff8c;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: none;
  text-shadow: 1px 1px 4px #000;
  -webkit-filter: drop-shadow(0px -4px 1px #3be5);
    max-height: 10%;
    min-height: 10%;}
    
      
#main h1 {
  color: lightgoldenrodyellow;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  text-transform: none;
  text-shadow: 1px 2px 1px #000;
  -webkit-filter: drop-shadow(1px 1px 2px #000);
  margin: 4em 14em 1em 14em;}
#main h3 {
    background-color: #0000009c;
    padding: 15px;
    max-width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    font-family: monospace;
    text-shadow: 1px 2px black;}
    
#main new {
background: url(../img/temple.png);
    min-height: -webkit-fill-available;
    background-repeat: no-repeat;
    background-size: 36em;
    background-position: top;}
    
#main ppp {
  font-size: 12px;
}

.animate {
  animation: fadeIn 2000ms ease-out backwards;
}

@keyframes fadeIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}



.text_holder1 {
    padding:55px;
    display: none;
    text-align:-webkit-center;}

.text_holder2 {
    display: block;
}
#main h2 span {
  color: #ff4419;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 13px;}

#main h2 span2 {
  color: #ff4419;
  letter-spacing: 1px;}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px;
  display: flex;
  place-content: center;
  position: fixed;
  bottom: -14em;
  left: 34%;}


@keyframes glow {
  from {
	-webkit-filter: drop-shadow(0px 0px 14px rgba(0, 220, 250,0.7));
  }
  to {
	-webkit-filter: drop-shadow(12px 12px 16px rgba(1, 230, 255,0.8));
  }
}
.shadowfilter:hover {
	-webkit-filter: drop-shadow(1px 2px 9px rgba(189, 29, 3, 0.8));
}
.shadowfilter:active {
	-webkit-filter: drop-shadow(1px 2px 9px rgba(189, 29, 3, 1));
}

.myClass {
	-webkit-filter: drop-shadow(1px 1px 10px #19ff9f);
}

.glow2 {
    color:red;
    font-weight: 900;}
    
.shooting-star {
	z-index: 2;
	width: 1px;
	height: 50px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	position: absolute;
	top: 0;
	left: -70px;
	background: linear-gradient(to bottom, rgba(47, 194, 255, 0.9), white);
	animation: animShootingStar 0.7s linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear; 
}
@keyframes animShootingStar {
	from {
		transform: translateY(95px) translateX(44px) rotate(-65deg);
		opacity: 0.9;
		width: 1px;
		height: 5px;
	}
	to {
		transform: translateY(185px) translateX(370px) rotate(-65deg);
		opacity: 0.5;
		width: 1px;
		height: 40px;
	}}

.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.imgg{transition: all 3.5s ease;
    animation: glow 1.4s infinite alternate;
    max-width: 9em;
    min-width: 9em;
}

.imggg:hover img {
	  -webkit-filter:grayscale(1);
       -moz-filter:grayscale(1);
            filter:grayscale(1);
}

.imggg:hover b {
	  -webkit-filter:grayscale(1);
       -moz-filter:grayscale(1);
            filter:grayscale(1);
}

.fire {
  font-size: 9px;
  filter: blur(0.02em);
  -webkit-filter: blur(0.02em);
    margin: 15em auto 0 auto;
    position: absolute;
    width: 8em;
    height: 35em;
}
.fire2 {
  font-size: 10px;
  filter: blur(0.02em);
  -webkit-filter: blur(0.02em);
    position: absolute;
    width: 8em;
    height: 35em;
}
.fire2 img{
position: absolute; 
max-height: 7em;
margin: -30px -8PX;
}
.fire3 {
  font-size: 5px;
  filter: blur(0.02em);
  -webkit-filter: blur(0.02em);
    position: absolute;
    width: 8em;
    height: 35em;
}
.fire3 img{
position: absolute; 
margin: -10px -8px;
max-width: 45px;
}

.particle {
  animation: rise 1s ease-in infinite;
  background-image: radial-gradient(#ff5e00 10%, #05641912 65%);
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: inherit;
  width: 4em;
  height: 4em;
  margin: -20px 0 0 0;
}
.particle2 {
  animation: rise 1s ease-in infinite;
  background-image: radial-gradient(#00ff4e 10%, #05641912 65%);
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: inherit;
  width: 4em;
  height: 4em;
  margin: -20px 0 0 0;
}
.particleb {
  animation: rise 1s ease-in infinite;
  background-image: radial-gradient(#ff0c00 10%, #05641912 65%);
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  position: inherit;
  width: 4em;
  height: 4em;
  margin: -20px 0 0 0;
}
.particle:nth-of-type(1) {
  animation-delay: 0.5456492873s;
  left: calc((100% - 5em) * 0);
}
.particle:nth-of-type(2) {
  animation-delay: 0.2271991066s;
  left: calc((100% - 5em) * 0.02);
}
.particle:nth-of-type(3) {
  animation-delay: 0.8776912266s;
  left: calc((100% - 5em) * 0.04);
}
.particle:nth-of-type(4) {
  animation-delay: 0.6802873861s;
  left: calc((100% - 5em) * 0.06);
}
.particle:nth-of-type(5) {
  animation-delay: 0.6377480483s;
  left: calc((100% - 5em) * 0.08);
}
.particle:nth-of-type(6) {
  animation-delay: 0.2453018781s;
  left: calc((100% - 5em) * 0.1);
}
.particle:nth-of-type(7) {
  animation-delay: 0.8665479168s;
  left: calc((100% - 5em) * 0.12);
}
.particle:nth-of-type(8) {
  animation-delay: 0.527996468s;
  left: calc((100% - 5em) * 0.14);
}
.particle:nth-of-type(9) {
  animation-delay: 0.9910294885s;
  left: calc((100% - 5em) * 0.16);
}
.particle:nth-of-type(10) {
  animation-delay: 0.0049670404s;
  left: calc((100% - 5em) * 0.18);
}
.particle:nth-of-type(11) {
  animation-delay: 0.3148002714s;
  left: calc((100% - 5em) * 0.2);
}
.particle:nth-of-type(12) {
  animation-delay: 0.03070382s;
  left: calc((100% - 5em) * 0.22);
}
.particle:nth-of-type(13) {
  animation-delay: 0.4116420208s;
  left: calc((100% - 5em) * 0.24);
}
.particle:nth-of-type(14) {
  animation-delay: 0.9192407869s;
  left: calc((100% - 5em) * 0.26);
}
.particle:nth-of-type(15) {
  animation-delay: 0.6530822771s;
  left: calc((100% - 5em) * 0.28);
}
.particle:nth-of-type(16) {
  animation-delay: 0.4702533182s;
  left: calc((100% - 5em) * 0.3);
}
.particle:nth-of-type(17) {
  animation-delay: 0.5217128836s;
  left: calc((100% - 5em) * 0.32);
}
.particle:nth-of-type(18) {
  animation-delay: 0.6496712578s;
  left: calc((100% - 5em) * 0.34);
}
.particle:nth-of-type(19) {
  animation-delay: 0.6990622041s;
  left: calc((100% - 5em) * 0.36);
}
.particle:nth-of-type(20) {
  animation-delay: 0.6694813024s;
  left: calc((100% - 5em) * 0.38);
}
.particle:nth-of-type(21) {
  animation-delay: 0.0050627886s;
  left: calc((100% - 5em) * 0.4);
}
.particle:nth-of-type(22) {
  animation-delay: 0.2136009059s;
  left: calc((100% - 5em) * 0.42);
}
.particle:nth-of-type(23) {
  animation-delay: 0.7833703079s;
  left: calc((100% - 5em) * 0.44);
}
.particle:nth-of-type(24) {
  animation-delay: 0.6946318744s;
  left: calc((100% - 5em) * 0.46);
}
.particle:nth-of-type(25) {
  animation-delay: 0.6908504639s;
  left: calc((100% - 5em) * 0.48);
}
.particle:nth-of-type(26) {
  animation-delay: 0.7331986531s;
  left: calc((100% - 5em) * 0.5);
}
.particle:nth-of-type(27) {
  animation-delay: 0.2346024392s;
  left: calc((100% - 5em) * 0.52);
}
.particle:nth-of-type(28) {
  animation-delay: 0.5289824499s;
  left: calc((100% - 5em) * 0.54);
}
.particle:nth-of-type(29) {
  animation-delay: 0.5943021939s;
  left: calc((100% - 5em) * 0.56);
}
.particle:nth-of-type(30) {
  animation-delay: 0.9963974735s;
  left: calc((100% - 5em) * 0.58);
}
.particle:nth-of-type(31) {
  animation-delay: 0.5947517087s;
  left: calc((100% - 5em) * 0.6);
}
.particle:nth-of-type(32) {
  animation-delay: 0.818299543s;
  left: calc((100% - 5em) * 0.62);
}
.particle:nth-of-type(33) {
  animation-delay: 0.0714383677s;
  left: calc((100% - 5em) * 0.64);
}
.particle:nth-of-type(34) {
  animation-delay: 0.939120628s;
  left: calc((100% - 5em) * 0.66);
}
.particle:nth-of-type(35) {
  animation-delay: 0.2780046292s;
  left: calc((100% - 5em) * 0.68);
}
.particle:nth-of-type(36) {
  animation-delay: 0.5087896364s;
  left: calc((100% - 5em) * 0.7);
}
.particle:nth-of-type(37) {
  animation-delay: 0.4342099624s;
  left: calc((100% - 5em) * 0.72);
}
.particle:nth-of-type(38) {
  animation-delay: 0.1216941952s;
  left: calc((100% - 5em) * 0.74);
}
.particle:nth-of-type(39) {
  animation-delay: 0.7325073296s;
  left: calc((100% - 5em) * 0.76);
}
.particle:nth-of-type(40) {
  animation-delay: 0.7724056472s;
  left: calc((100% - 5em) * 0.78);
}
.particle:nth-of-type(41) {
  animation-delay: 0.7805628259s;
  left: calc((100% - 5em) * 0.8);
}
.particle:nth-of-type(42) {
  animation-delay: 0.671424958s;
  left: calc((100% - 5em) * 0.82);
}
.particle:nth-of-type(43) {
  animation-delay: 0.1628290133s;
  left: calc((100% - 5em) * 0.84);
}
.particle:nth-of-type(44) {
  animation-delay: 0.4849715226s;
  left: calc((100% - 5em) * 0.86);
}
.particle:nth-of-type(45) {
  animation-delay: 0.9892130368s;
  left: calc((100% - 5em) * 0.88);
}
.particle:nth-of-type(46) {
  animation-delay: 0.0438985612s;
  left: calc((100% - 5em) * 0.9);
}
.particle:nth-of-type(47) {
  animation-delay: 0.0211602596s;
  left: calc((100% - 5em) * 0.92);
}
.particle:nth-of-type(48) {
  animation-delay: 0.4429553314s;
  left: calc((100% - 5em) * 0.94);
}
.particle:nth-of-type(49) {
  animation-delay: 0.2868732627s;
  left: calc((100% - 5em) * 0.96);
}
.particle:nth-of-type(50) {
  animation-delay: 0.8642862194s;
  left: calc((100% - 5em) * 0.98);
}

.particle2:nth-of-type(1) {
  animation-delay: 0.5456492873s;
  left: calc((100% - 5em) * 0);
}
.particle2:nth-of-type(2) {
  animation-delay: 0.2271991066s;
  left: calc((100% - 5em) * 0.02);
}
.particle2:nth-of-type(3) {
  animation-delay: 0.8776912266s;
  left: calc((100% - 5em) * 0.04);
}
.particle2:nth-of-type(4) {
  animation-delay: 0.6802873861s;
  left: calc((100% - 5em) * 0.06);
}
.particle2:nth-of-type(5) {
  animation-delay: 0.6377480483s;
  left: calc((100% - 5em) * 0.08);
}
.particle2:nth-of-type(6) {
  animation-delay: 0.2453018781s;
  left: calc((100% - 5em) * 0.1);
}
.particle2:nth-of-type(7) {
  animation-delay: 0.8665479168s;
  left: calc((100% - 5em) * 0.12);
}
.particle2:nth-of-type(8) {
  animation-delay: 0.527996468s;
  left: calc((100% - 5em) * 0.14);
}
.particle2:nth-of-type(9) {
  animation-delay: 0.9910294885s;
  left: calc((100% - 5em) * 0.16);
}
.particle2:nth-of-type(10) {
  animation-delay: 0.0049670404s;
  left: calc((100% - 5em) * 0.18);
}
.particle2:nth-of-type(11) {
  animation-delay: 0.3148002714s;
  left: calc((100% - 5em) * 0.2);
}
.particle2:nth-of-type(12) {
  animation-delay: 0.03070382s;
  left: calc((100% - 5em) * 0.22);
}
.particle2:nth-of-type(13) {
  animation-delay: 0.4116420208s;
  left: calc((100% - 5em) * 0.24);
}
.particle2:nth-of-type(14) {
  animation-delay: 0.9192407869s;
  left: calc((100% - 5em) * 0.26);
}
.particle2:nth-of-type(15) {
  animation-delay: 0.6530822771s;
  left: calc((100% - 5em) * 0.28);
}
.particle2:nth-of-type(16) {
  animation-delay: 0.4702533182s;
  left: calc((100% - 5em) * 0.3);
}
.particle2:nth-of-type(17) {
  animation-delay: 0.5217128836s;
  left: calc((100% - 5em) * 0.32);
}
.particle2:nth-of-type(18) {
  animation-delay: 0.6496712578s;
  left: calc((100% - 5em) * 0.34);
}
.particle2:nth-of-type(19) {
  animation-delay: 0.6990622041s;
  left: calc((100% - 5em) * 0.36);
}
.particle2:nth-of-type(20) {
  animation-delay: 0.6694813024s;
  left: calc((100% - 5em) * 0.38);
}
.particle2:nth-of-type(21) {
  animation-delay: 0.0050627886s;
  left: calc((100% - 5em) * 0.4);
}
.particle2:nth-of-type(22) {
  animation-delay: 0.2136009059s;
  left: calc((100% - 5em) * 0.42);
}
.particle2:nth-of-type(23) {
  animation-delay: 0.7833703079s;
  left: calc((100% - 5em) * 0.44);
}
.particle2:nth-of-type(24) {
  animation-delay: 0.6946318744s;
  left: calc((100% - 5em) * 0.46);
}
.particle2:nth-of-type(25) {
  animation-delay: 0.6908504639s;
  left: calc((100% - 5em) * 0.48);
}
.particle2:nth-of-type(26) {
  animation-delay: 0.7331986531s;
  left: calc((100% - 5em) * 0.5);
}
.particle2:nth-of-type(27) {
  animation-delay: 0.2346024392s;
  left: calc((100% - 5em) * 0.52);
}
.particle2:nth-of-type(28) {
  animation-delay: 0.5289824499s;
  left: calc((100% - 5em) * 0.54);
}
.particle2:nth-of-type(29) {
  animation-delay: 0.5943021939s;
  left: calc((100% - 5em) * 0.56);
}
.particle2:nth-of-type(30) {
  animation-delay: 0.9963974735s;
  left: calc((100% - 5em) * 0.58);
}
.particle2:nth-of-type(31) {
  animation-delay: 0.5947517087s;
  left: calc((100% - 5em) * 0.6);
}
.particle2:nth-of-type(32) {
  animation-delay: 0.818299543s;
  left: calc((100% - 5em) * 0.62);
}
.particle2:nth-of-type(33) {
  animation-delay: 0.0714383677s;
  left: calc((100% - 5em) * 0.64);
}
.particle2:nth-of-type(34) {
  animation-delay: 0.939120628s;
  left: calc((100% - 5em) * 0.66);
}
.particle2:nth-of-type(35) {
  animation-delay: 0.2780046292s;
  left: calc((100% - 5em) * 0.68);
}
.particle2:nth-of-type(36) {
  animation-delay: 0.5087896364s;
  left: calc((100% - 5em) * 0.7);
}
.particle2:nth-of-type(37) {
  animation-delay: 0.4342099624s;
  left: calc((100% - 5em) * 0.72);
}
.particle2:nth-of-type(38) {
  animation-delay: 0.1216941952s;
  left: calc((100% - 5em) * 0.74);
}
.particle2:nth-of-type(39) {
  animation-delay: 0.7325073296s;
  left: calc((100% - 5em) * 0.76);
}
.particle2:nth-of-type(40) {
  animation-delay: 0.7724056472s;
  left: calc((100% - 5em) * 0.78);
}
.particle2:nth-of-type(41) {
  animation-delay: 0.7805628259s;
  left: calc((100% - 5em) * 0.8);
}
.particle2:nth-of-type(42) {
  animation-delay: 0.671424958s;
  left: calc((100% - 5em) * 0.82);
}
.particle2:nth-of-type(43) {
  animation-delay: 0.1628290133s;
  left: calc((100% - 5em) * 0.84);
}
.particle2:nth-of-type(44) {
  animation-delay: 0.4849715226s;
  left: calc((100% - 5em) * 0.86);
}
.particle2:nth-of-type(45) {
  animation-delay: 0.9892130368s;
  left: calc((100% - 5em) * 0.88);
}
.particle2:nth-of-type(46) {
  animation-delay: 0.0438985612s;
  left: calc((100% - 5em) * 0.9);
}
.particle2:nth-of-type(47) {
  animation-delay: 0.0211602596s;
  left: calc((100% - 5em) * 0.92);
}
.particle2:nth-of-type(48) {
  animation-delay: 0.4429553314s;
  left: calc((100% - 5em) * 0.94);
}
.particle2:nth-of-type(49) {
  animation-delay: 0.2868732627s;
  left: calc((100% - 5em) * 0.96);
}
.particle2:nth-of-type(50) {
  animation-delay: 0.8642862194s;
  left: calc((100% - 5em) * 0.98);
}

.particleb:nth-of-type(1) {
  animation-delay: 0.5456492873s;
  left: calc((100% - 5em) * 0);
}
.particleb:nth-of-type(2) {
  animation-delay: 0.2271991066s;
  left: calc((100% - 5em) * 0.02);
}
.particleb:nth-of-type(3) {
  animation-delay: 0.8776912266s;
  left: calc((100% - 5em) * 0.04);
}
.particleb:nth-of-type(4) {
  animation-delay: 0.6802873861s;
  left: calc((100% - 5em) * 0.06);
}
.particleb:nth-of-type(5) {
  animation-delay: 0.6377480483s;
  left: calc((100% - 5em) * 0.08);
}
.particleb:nth-of-type(6) {
  animation-delay: 0.2453018781s;
  left: calc((100% - 5em) * 0.1);
}
.particleb:nth-of-type(7) {
  animation-delay: 0.8665479168s;
  left: calc((100% - 5em) * 0.12);
}
.particleb:nth-of-type(8) {
  animation-delay: 0.527996468s;
  left: calc((100% - 5em) * 0.14);
}
.particleb:nth-of-type(9) {
  animation-delay: 0.9910294885s;
  left: calc((100% - 5em) * 0.16);
}
.particleb:nth-of-type(10) {
  animation-delay: 0.0049670404s;
  left: calc((100% - 5em) * 0.18);
}
.particleb:nth-of-type(11) {
  animation-delay: 0.3148002714s;
  left: calc((100% - 5em) * 0.2);
}
.particleb:nth-of-type(12) {
  animation-delay: 0.03070382s;
  left: calc((100% - 5em) * 0.22);
}
.particleb:nth-of-type(13) {
  animation-delay: 0.4116420208s;
  left: calc((100% - 5em) * 0.24);
}
.particleb:nth-of-type(14) {
  animation-delay: 0.9192407869s;
  left: calc((100% - 5em) * 0.26);
}
.particleb:nth-of-type(15) {
  animation-delay: 0.6530822771s;
  left: calc((100% - 5em) * 0.28);
}
.particleb:nth-of-type(16) {
  animation-delay: 0.4702533182s;
  left: calc((100% - 5em) * 0.3);
}
.particleb:nth-of-type(17) {
  animation-delay: 0.5217128836s;
  left: calc((100% - 5em) * 0.32);
}
.particleb:nth-of-type(18) {
  animation-delay: 0.6496712578s;
  left: calc((100% - 5em) * 0.34);
}
.particleb:nth-of-type(19) {
  animation-delay: 0.6990622041s;
  left: calc((100% - 5em) * 0.36);
}
.particleb:nth-of-type(20) {
  animation-delay: 0.6694813024s;
  left: calc((100% - 5em) * 0.38);
}
.particleb:nth-of-type(21) {
  animation-delay: 0.0050627886s;
  left: calc((100% - 5em) * 0.4);
}
.particleb:nth-of-type(22) {
  animation-delay: 0.2136009059s;
  left: calc((100% - 5em) * 0.42);
}
.particleb:nth-of-type(23) {
  animation-delay: 0.7833703079s;
  left: calc((100% - 5em) * 0.44);
}
.particleb:nth-of-type(24) {
  animation-delay: 0.6946318744s;
  left: calc((100% - 5em) * 0.46);
}
.particleb:nth-of-type(25) {
  animation-delay: 0.6908504639s;
  left: calc((100% - 5em) * 0.48);
}
.particleb:nth-of-type(26) {
  animation-delay: 0.7331986531s;
  left: calc((100% - 5em) * 0.5);
}
.particleb:nth-of-type(27) {
  animation-delay: 0.2346024392s;
  left: calc((100% - 5em) * 0.52);
}
.particleb:nth-of-type(28) {
  animation-delay: 0.5289824499s;
  left: calc((100% - 5em) * 0.54);
}
.particleb:nth-of-type(29) {
  animation-delay: 0.5943021939s;
  left: calc((100% - 5em) * 0.56);
}
.particleb:nth-of-type(30) {
  animation-delay: 0.9963974735s;
  left: calc((100% - 5em) * 0.58);
}
.particleb:nth-of-type(31) {
  animation-delay: 0.5947517087s;
  left: calc((100% - 5em) * 0.6);
}
.particleb:nth-of-type(32) {
  animation-delay: 0.818299543s;
  left: calc((100% - 5em) * 0.62);
}
.particleb:nth-of-type(33) {
  animation-delay: 0.0714383677s;
  left: calc((100% - 5em) * 0.64);
}
.particleb:nth-of-type(34) {
  animation-delay: 0.939120628s;
  left: calc((100% - 5em) * 0.66);
}
.particleb:nth-of-type(35) {
  animation-delay: 0.2780046292s;
  left: calc((100% - 5em) * 0.68);
}
.particleb:nth-of-type(36) {
  animation-delay: 0.5087896364s;
  left: calc((100% - 5em) * 0.7);
}
.particleb:nth-of-type(37) {
  animation-delay: 0.4342099624s;
  left: calc((100% - 5em) * 0.72);
}
.particleb:nth-of-type(38) {
  animation-delay: 0.1216941952s;
  left: calc((100% - 5em) * 0.74);
}
.particleb:nth-of-type(39) {
  animation-delay: 0.7325073296s;
  left: calc((100% - 5em) * 0.76);
}
.particleb:nth-of-type(40) {
  animation-delay: 0.7724056472s;
  left: calc((100% - 5em) * 0.78);
}
.particleb:nth-of-type(41) {
  animation-delay: 0.7805628259s;
  left: calc((100% - 5em) * 0.8);
}
.particleb:nth-of-type(42) {
  animation-delay: 0.671424958s;
  left: calc((100% - 5em) * 0.82);
}
.particleb:nth-of-type(43) {
  animation-delay: 0.1628290133s;
  left: calc((100% - 5em) * 0.84);
}
.particleb:nth-of-type(44) {
  animation-delay: 0.4849715226s;
  left: calc((100% - 5em) * 0.86);
}
.particleb:nth-of-type(45) {
  animation-delay: 0.9892130368s;
  left: calc((100% - 5em) * 0.88);
}
.particleb:nth-of-type(46) {
  animation-delay: 0.0438985612s;
  left: calc((100% - 5em) * 0.9);
}
.particleb:nth-of-type(47) {
  animation-delay: 0.0211602596s;
  left: calc((100% - 5em) * 0.92);
}
.particleb:nth-of-type(48) {
  animation-delay: 0.4429553314s;
  left: calc((100% - 5em) * 0.94);
}
.particleb:nth-of-type(49) {
  animation-delay: 0.2868732627s;
  left: calc((100% - 5em) * 0.96);
}
.particleb:nth-of-type(50) {
  animation-delay: 0.8642862194s;
  left: calc((100% - 5em) * 0.98);
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(0) scale(1);
  }
  25% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-10em) scale(0);
  }
}

@media (max-width: 1150px) {
#main h2 {
    font-size: 12px;
    margin: 0 2em;}
#main h1 {
    font-size: 14px;
    margin: 4.5em 0.5 1em 0.5;}
#main h3 {
    font-size: 14px;
    max-width: 100%;}
    
#main .imgg img {
    max-width: 8em;
    min-width: 8em;}
}

@media (max-width: 995px) {
#main h2 {
    font-size: 10px;
    margin: 0 2em;}
#main h1 {
    font-size: 14px;
    margin: 5em 1em 0.5em 1em;}
#main h3 {
    font-size: 14px;
    max-width: 100%;} 
#main .imgg img {
    max-width: 8em;
    min-width: 8em;}
.column {left: 37%;}
}
@media (max-width: 650px) {
#main h2 {
    font-size: 9px;
    margin: 0 2em;}
#main h1 {
    font-size: 14px;
    margin: 5.5em 1em 0.5em 1em;}
#main h3 {
    font-size: 13px;
    max-width: 100%;} 
#main .imgg img {
    max-width: 8em;
    min-width: 8em;}
.fire {
    display: none;}
.fire2 {
    font-size: 9px;}
.column {left: 37%;}
}
@media (max-height: 570px) {
#main h2 {
    font-size: 9px;
    margin: 0 2em;}
#main h1 {
    font-size: 14px;
    margin: 5em 1em 0.5em 1em;}
#main h3 {
    font-size: 12px;
    max-width: 100%;} 
.imgg img {
    max-width: 8em;
    min-width: 8em;}
.column {left: 37%;}
}