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
}
body{line-height:1}

html,body{ 
	width:100%;
	height:100%;
	background:#111;
}
canvas{
  display:block;
  vertical-align:bottom;
}

a{
  color: #000000;
}

#particles-js{
  possition: absolute;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  #background-image: url('../img/background.png');
  #background-size: cover;
  #background-position: 50% 50%;
  #background-repeat: no-repeat;
  z-index: -10;
}

.text {
  position: fixed;
  top: 50%;
  right: 50%;
  height: auto;
  width: auto;
  transform: translate(50%,-50%);
  color: #000000;
  max-width: 90%;
  padding: 2em 3em;
  text-shadow: 0px 0px 2px #131415;
  font-family: 'Open Sans', sans-serif;
}

.img-front{
  width: 100%;
  height: 100%;
  object-fit: cover;
}