.code,
code {
  padding: 0 0.25rem;
  border-radius: 3px;
  margin-right: 0.5rem;
  font-family: 'Source Code Pro', monospace;
  display: inline-block;
}


h1,
h2,
h3,
h4 {
  font-family: 'Marmelad', sans-serif, Georgia, 'Times New Roman', Times, serif;
  line-height: 2.35rem;
  stroke-width: 2px;

}

h1 {
  margin-bottom: 10px;

}
.shadowtext{
  color: #E1EBE7;
  text-shadow: 2px 2px  #333333
}
h1{
  font-weight: bold;
}
h2,h3,h4,h5,h6{
  font-weight:normal;
  display:inline-block;
  margin-bottom:-1px;
 
}


body {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #0A694B;
  padding-top: 0rem;
  font-family: 'Marmelad', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
    'Helvetica Neue', sans-serif;
  background: #E1EBE7;
  overflow-x:hidden;
}

blockquote p{
  color: #E1EBE7;
  text-shadow: 1.5px 1.5px  #333333
}

.fff path, h2 path {
  stroke-width:2px;
}

.bg-primary{
  background-color: #B50033;
}
.col-primary{
  color:#B50033;
}
.bg-secondary{
  background-color: #0A694B;
}
.col-secondary{
  color: #0A694B;
}
.bg-secondary-light{
  background-color: #09B580;
}
.col-secondary-light{
  color: #09B580;
}
.bg-tertiary{
  background-color:#3E690A;
}
.col-tertiary{
  color: #3E690A;
}
.bg-tertiary-light{
  background-color: #67B509;
}
.col-tertiary-light{
  color: #67B509;
}

.stroke-primary{
  stroke: #B50033;
}
.fill-primary{
  fill: #B50033;
}
.stroke-secondary{
  stroke:  #0A694B;
}
.fill-secondary{
  fill:  #0A694B;
}
.stroke-secondary-light{
  stroke: #09B580;
}
.fill-secondary-light{
  fill: #09B580;
}
.stroke-tertiary{
  stroke: #3E690A;
}
.fill-tertiary{
  fill: #3E690A;
}
.stroke-tertiary-light{
  stroke:#67B509;
}
.fill-tertiary-light{
  fill: #67B509;
}

.styledcard-component{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -1;
}
.stroke-dark{
  stroke:#2e3440;
}

.container {
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem;
}

.title {
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.headblock{
  width:100%;
  position:relative;
  height:120%;
}