@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';
html, body{
  font-family: 'Roboto Mono', monospace;
  height: 100%;
  margin:0px;
  padding: 0px;
  /*background: linear-gradient(rgb(87,226,178),rgb(87,226,178),white);*/
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );    
}
#particles-js{
  width: 100%;
  height: 100%;
  z-index:0;
  position: fixed;    
}
#main{
    position: relative;
    padding-top: 30vh;
}
.text1{
  font-weight: bolder;
  font-size: 38px;
  color: rgba(17,17,17,0.8);
  margin-bottom: 0;    
}
.dud{
  /*color: #757575;*/
  color: white;
}
.des{
 margin-top: 0;    
 font-size: 28px;
 color: black;
 font-weight: bold;
 padding: 40px 150px;    
}
.i{
    position: relative;
}
#social{
    padding-top: 3vh;
    position: relative;
}
a,a:visited{
    /*color:#13c083;*/
    color: black;
}
a:hover{
    text-decoration: none;
    color: white;
}
#footer{
    font-weight: 800;
}
#hhw{
  padding-top: 30vh;    
  position: relative;    
  text-align: center;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-size: 9.375em;
  color: transparent;
  letter-spacing: 0.1em;
  text-shadow:
    0 0 2px rgba(204, 208, 212,0.9),
    0 15px 25px rgba(0, 0, 0, 0.3),
    0 -2px 3px rgba(0, 0, 0, 0.1),
    0 -5px 10px rgba(255, 255, 255, 0.5),
    0 5px 10px rgba(0, 0, 0, 0.3),
    0 3px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.45);
}