body {
	background-color:#0f6ecd;
}
.sfs-nav-button {     
	background-color: transparent;
	border: none;
	cursor: pointer;
	overflow: hidden;
	color: #0f6ecd;
	margin: 20px;
}
.sfs-title {
	background-color:rgba( 60, 60, 60, .85 );
	padding: 4px;
	border-style: solid;
	border-width: 4px;
	border-color: #0f6ecd;
}

.sfs-section-start {
  background-image:linear-gradient( to bottom, #0d66bf, #0854A1 );
  width:94%;
  margin-left:3%;
  padding:20px;
  height:calc(vmax);
}

.sfs-page-title {
  color:#F9F9F9;
  padding-top:10px;
  padding-bottom:10px;
  font-size:40px;
  text-shadow: 3px 2px rgba( 20, 20, 20, .75 );
}


.pulse {
  margin:100px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(230,230,230);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(230,230,230, 0.4);
  animation: pulse 1s infinite;
}

.pulse:hover {
  animation: none;
}

.pulse:focus {
  outline: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(230,230,230, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(230,230,230, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(230,230,230, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(230,230,230, 0.4);
    box-shadow: 0 0 0 0 rgba(230,230,230, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(230,230,230, 0);
      box-shadow: 0 0 0 10px rgba(230,230,230, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(230,230,230, 0);
      box-shadow: 0 0 0 0 rgba(230,230,230, 0);
  }
}