body{
font-family: 'Jost', sans-serif;
font-family: 'Space Mono', monospace;
color:#113A40;
}

h1{
	font-family: 'Space Mono';
	font-size: 2em;

}

h2{
	font-family: "Jost";
	font-weight: 300;
	font-size: 1.8em;
}

h3{
	font-family: 'Space Mono';
	font-size: 1.4em;
}

h4{
	font-family: 'Jost';
	font-weight: 300;
	font-size: 1.4em;
}

h5{
	font-family: 'Space Mono';
	font-size: 1em;
}

h6{
	font-family: 'Jost';
	font-weight: 300;
	font-size: 1.4em;
	}

p{
	font-family: 'Jost';
	font-size: 1.2em;
	font-weight: 300;
}

img{
	margin-top: 4em;
	margin-bottom: 4em;
}

img.profile
{
	margin-top: 0em;
	max-width: 60%;
}

.block{
	margin-bottom: 4em;
}

.casestudy{
	margin-top: 0em;
	margin-bottom: 1em;
}

.eyebrow{
	margin-bottom: .8em;
}

.bubble{
	max-width: 70%;
}

.stickyicky{
	position: -webkit-sticky; /* Safari */
  	position: sticky;
  	top: 0;
  	z-index: 100;
  	background-color: rgba(255, 255, 255, 0.9);
}

a{
	color: #113A40;
}

a:hover{
	color: #43E7FF;
	text-decoration: none;

}

a.dropdown-item{
	color: #113A40;
}

a.dropdown-item:hover{
	color: #43E7FF;
}

.footer{
	background-color: #FFDED533;
	width: 100%;
	padding-top: 4em;
}
	

.google{
	background-color: #43FFBB33;
	
	
}

.diagram{
	background-color: #F9FF8F33;

}

.native{
	background-color: #6CA1FF33;

}


.cover{
	height:auto;
	width: auto;
}

.boop{
	color: #43E7FF;
	border-color: #43E7FF;
}

.boop:hover,
.boop:active,
.boop:focus{
	background-color: #43E7FF;
	border-color: #43E7FF;
}

.caption{
	font-family: 'Space Mono';
	font-size: .7em;
}

.quote{
  font-size: 2.5em;
 color: #6CA1FF;
}

/*.quote{
  font-size: 2.5em;
  background: -webkit-linear-gradient(45deg, #6CA1FF, #FFDED5, #74EBD5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/