@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|Bree+Serif');

body {
  font-family: 'Open Sans', sans-serif !important;
  background: rgb(255,255,255);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
  min-height: 100vh;
}

.bg-stripe {
  background: #3e4763;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjM2U0NzYzIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiMwNzY4NWYiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
  color: rgba(255,255,255,0.9);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bree Serif', serif;
  font-weight: 600;
}

.profile {
  line-height: 1.8em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

.profile blockquote {
  padding-left: 30px;
  font-style: italic;
  border-left: 4px solid #e5e5e5;
  line-height: 1.9em;
}


.profile.quote blockquote {
  border: none;
  border-top: 4px solid #e5e5e5;
  border-bottom: 4px solid #e5e5e5;
  padding: 20px 0;
  font-size: 1.6em;
}