*{
  color:white;
  font-family:myfont;
  color:#FFF8C4;
}
@font-face{
    font-family: myfont;
    src: url(./AdobeDevanagari-BoldItalic.otf);
}

.flex-column{
  
  position:fixed;
  
}

body{
  background-color:#000009 ;
}
/*particle-css*/
/* ---- reset ---- */ 

canvas{ 
    display: block; 
    vertical-align: bottom; 
} 
/* ---- particles.js container ---- */ 
#particles-js{
    position:absolute;
    width: 100%; 
    height: 100%; 
    background-color:; 
    background-image: url(""); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: 50% 50%;
    padding:-20px;
    position: fixed !important;
    display: block;
} 
div{
  position:relative;
}
#data{
  position:relative;
  height:100%;
}
.nav-link{
  font-size:25px;
}
#myimg{
  display:inline-block;
  vertical-align:middle;
}


body {
      position: relative;
  }
.nav-pills {
      top: 25%;
      position: fixed;
  }
#intro {
  min-height: 600px;
  padding-top:100px;
}
span{
  font-size:40px;
}
p,ul{
  font-size:25px;
  margin-top:30px;
}
.nav-pills>.nav-link{
  color:#0000F7;
}
#data>div{
  min-height:200px;
}
.nav-pills>.nav-link.active{
  background-color:#7615D1;
}
.list-inline-item{
  margin:15px;
}
.proj{
    min-height:300px;
    padding:30px;
}

@media(min-width:960px){
    #data{
        margin-left:50px;
    }
    .myul{
       padding-left:150px;
    }
}
.myf{
    margin-top:40%;
    font-style:italic;
    font-size:80px;
}