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

html,body{
	width:100%;
	height:100%;
	background:#111;
}


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

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

/* ---- particles.js container ---- */
#particles-js{
    width: 100%;
    height: 100%;
    background-color: blue; //#b61924;
    background-image: url(http://www.franside.com/particles/img/background.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

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

h1 {
	font-size: 2.25em;
	font-weight: 700;
	letter-spacing: -1px;
}

p {
	font-size: 1.25em;
	font-weight: 300;
	letter-spacing: -1px;
}

a,
a:visited {
	color: #e34234;
	transition: 0.25s;
}

a:hover,
a:focus {
	color:  #ba160c;
}