ER logo and center graphic

by Spencer Smith

HTML

<script src="https://fonts.googleapis.com/css?family=Roboto+Slab"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&amp;dummy=.css">
<div class="title">
	<span id="e">Effortless</span><span id="r">Reviews</span>
</div>
<div id="login">Login</div>
<div class="center">
	<svg viewBox="0 0 30 30">
		<polygon points="15,2 24.5,28 2,11 28,11 5.5,28" fill="white"/>
	</svg>
	<svg viewBox="0 0 30 30">
		<polygon points="15,2 24.5,28 2,11 28,11 5.5,28" fill="white"/>
	</svg>
	<svg viewBox="0 0 30 30">
		<polygon points="15,2 24.5,28 2,11 28,11 5.5,28" fill="white"/>
	</svg>
	<svg viewBox="0 0 30 30">
		<polygon points="15,2 24.5,28 2,11 28,11 5.5,28" fill="white"/>
	</svg>
	<svg viewBox="0 0 30 30">
		<polygon points="15,2 24.5,28 2,11 28,11 5.5,28" fill="white"/>
	</svg>
	<p id="saying">Easy peasy.</p>
</div>

CSS

body{
	background: linear-gradient(coral, crimson);
	background: linear-gradient(crimson, coral);
	//background: linear-gradient(purple, crimson);
	font-family: Roboto Slab;
  width: 100vw;
  height: 100vh;
  margin: 0;
}
div.title{
  //background: linear-gradient(darkseagreen, lightgreen);
  float: left;
  padding: 20px 30px;
}
span{
  font-family: Roboto Slab, Sans-serif;
  font-size: 2em;
  color: white;
  margin: 0 2px;  
}
#e{
  font-weight: 500;
	//text-shadow: 0 0 10px rgba(0,0,0,0.2);
  //color: #333;
}
#r{
  font-weight: 100;
	//text-shadow: 0 0 10px rgba(0,0,0,0.4);
  //color: #333;
}
#login{
	float: right;
	margin: 25px;
	padding: 6px 12px;
	color: white;
	border-radius: 5px;
	border: 2px solid white;
	cursor: pointer;
}
svg{
	height: 80px;
	width: 80px;
}
.center{
	width: 100%;
	top: calc(50vh - 60px);
	text-align: center;
	position: absolute;
}
p{
	color: white;
	font-size:2em;
	font-weight: 300;
}

JavaScript

function randomSaying(){
	var sayings = [
		"Easy peasy.",
		"Just like that.",
		"Piece of cake.",
		"Done deal.",
		"Simple.",
		"That was easy.",
		"In a flash.",
		"Easy as pie.",
		"No sweat.",
		"No problem.",
		"Done.",
		"It's not rocket science.",
		"No brainer.",
		"Like taking candy from a baby.",
		"It's a breeze.",
		"It's a cinch."
	];
	var index = Math.floor(Math.random() * sayings.length);
	return sayings[index];
}

$("#saying").text(randomSaying());