/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family: 'Crimson Text', serif;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{ 
	width:100%;
	height:100%;
  



}

html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
@media screen and (max-width: 992px) {
  #particles-js {
  width: 100%;
  height:auto;
  }
}
@media screen and (max-width: 600px) {
  #particles-js {
  width: 100%;
  height:auto;
  }
}
@media screen and (max-width: 1200px) {
  #particles-js {
  width: 100%;
  height:auto;
  }
}

#particles-js{
  position: relative;
  top: auto;
  bottom: auto;
  width: 100%;
  /* height:780px; */
   height:617px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
 background-image: url(../images/backgroundimg1.jpg);
/*background-image: linear-gradient(to right top, rgb(201 163 103),
    rgb(251 246 250), rgb(237 235 232 / 81%), 
    rgb(188 159 138), rgb(246 246 247), rgb(190 162 141),
    rgb(188 158 136), rgb(255 255 255), rgb(190 161 140),
    rgb(188 158 137), rgb(250 244 248), rgb(178 126 36));*/
/* background-image: url(../images/backgroundimg1.jpg);*/
  /*background: rgb(149 99 63);*/
/*background: -webkit-linear-gradient(-45deg
, rgb(130 126 123 / 8%) 0%, rgb(149 99 63) 100%);*/

  
  /*  background:*/ 
    /* top, transparent red */ 
  /*background: linear-gradient( rgb(171 114 15 / 45%), rgb(148 98 13 / 98%) ),*/
    /* bottom, image */
 /* url(../images/milkdrop.gif);*/
 

  
/*  background: #8e754b;*/
/* Old Browsers *//*background: -moz-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);*/
 /* FF3.6+ *//*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(12,206,188,1)), color-stop(100%, rgba(49,93,183,1)));*/
/* Chrome, Safari4+ *//*background: -webkit-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);*/
 /* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);*/
 /* Opera 11.10+ *//*background: -ms-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);*/
 /* IE 10+ *//*background: linear-gradient(135deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);*/
/* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccebc', endColorstr='#315db7', GradientType=1 );*/
/* IE6-9 fallback on horizontal gradient */
/*}*/
/*}*/
/* background: #73592d;
Old Browsers background: -moz-linear-gradient(-45deg, #debe86 0%, #8c5f11 100%);
  FF3.6+ background: -webkit-gradient(left top, right bottom, color-stop(0%, #8c5f11, color-stop(100%, #8c5f11));
Chrome, Safari4+ background: -webkit-linear-gradient(-45deg, #debe86 0%, #8c5f11) 100%);
  Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #debe86 0%, #8c5f11 100%);
  Opera 11.10+ background: -ms-linear-gradient(-45deg, #debe86 0%, #8c5f11 100%);
  IE 10+ background: linear-gradient(135deg, #debe86 0%, #8c5f11 100%);
W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccebc', endColorstr='#315db7', GradientType=1 );
IE6-9 fallback on horizontal gradient 
}*/
}
/*#particles-js {*/
  /* The image used */
 /* background-image: url(../images/back5.jpg);*/
  
  /* Add the blur effect */
 /* filter: blur(8px);
  -webkit-filter: blur(2px);*/
  
  /* Full height */
 /* height:100vh; */
  
  /* Center and scale the image nicely */
/*  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
/*}*/
/*.static-banner {
  background-color: rgb(0,0,0);*/ /* Fallback color */
  /*background-color: rgb(0 0 0 / 11%);*/ /* Black w/opacity/see-through */
 /* background-image: url(../images/back05.png);
  color: black;
  font-weight: bold;
  border: 3px solid rgb(241 241 241 / 0%);
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);*/
/*  z-index: 2;*/
/*  width: 80%;
  padding: 20px;
  text-align: center;
}*/