/* background  */

 /* body {
background: #000000;   fallback for old browsers 
background: linear-gradient(to right, -45deg #434343, #000000);  Chrome 10-25, Safari 5.1-6 
background: linear-gradient(to right, #434343, #000000); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

/* animation: gradient 10s ease infinite;
 background-size: 400% 400%; */
} 

 /* html, body {
  width: 100%;
  height:100%;
}  */

 /* body {

     background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite; 
}  */
 
/* @keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
} */


/* background end  */








/* particles  */

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 
      'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
      'Open Sans', 'Helvetica Neue', sans-serif;
      
}
.heading {
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}

.heading h1 {
    color: white;
    font-size: 70px;
}
.heading h3 {
    color: red;
    font-size: 20px;
}
#particles-js {
    background: black;
    
    height: 100vh;
}


/* hide scroll bar  */
html, body {
    margin: 0; 
    height: 100%; 
    overflow: hidden;
}

/* text effect */
@import url(https://fonts.googleapis.com/css?family=Montserrat);

/* html, body{
  height: 100%;
  font-weight: 800;
  margin: 0;
  padding: 0;
} */

/* body{
  background: #030321;
  font-family: Arial;
} */

.container {
  display: flex;
/*   border:1px solid red; */
  height: 100%;
  align-items: center;
}

svg {
    display: block;
    font: 10.5em 'Montserrat';
    width: 960px;
    height: 150px;
    margin: 0 auto;
}

.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 6% 29%;
    stroke-width: 5px;
    stroke-dashoffset: 0%;
    animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
	stroke: white;
	animation-delay: -1;
}

.text-copy:nth-child(2){
	stroke: white;
	animation-delay: -2s;
}

.text-copy:nth-child(3){
	stroke: white;
	animation-delay: -3s;
}

.text-copy:nth-child(4){
	stroke: white;
	animation-delay: -4s;
}

.text-copy:nth-child(5){
	stroke: white;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {stroke-dashoffset: -35%;}
}

/* nav list  */

ul, li {
list-style-type: none;

}

h1.animate__animated.animate__backInRight {

font-size: 2em;


}