*{padding:0;margin:0;box-sizing:border-box;font-family:'Assistant', sans-serif;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:0px;height:0px;background:transparent}html,body{width:100%;height:100%}*{padding:0;margin:0}body{background-color:#44b4ff}#particles-js{width:100%;height:100%;position:absolute;top:0;left:0}#topNav{width:100%;position:absolute;top:0;right:0;padding:40px;display:flex;flex-direction:row;justify-content:space-around}#topNav a{text-decoration:none;color:#fff;letter-spacing:4px;font-size:18px}@media only screen and (min-width: 800px){#topNav{width:60%}}#pageContent{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}section{position:relative}#catch{height:100%}#catchJumbo{width:100%;position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:row;justify-content:center}#AuxBluSol{text-align:center;letter-spacing:24px;line-height:48px;font-family:monospace;font-weight:100}#AI{text-align:center;color:#fff;line-height:144px;font-size:144px;text-align:center;letter-spacing:24px;font-family:Helvetica;font-weight:100}#floatingIntro{padding:80px 0;display:flex;flex-direction:row;justify-content:space-around}#Artificial{font-family:'Jura', sans-serif}#Beautiful{font-family:'Tangerine', cursive;font-weight:100;font-size:44px}#Intelligence{font-family:'Lato', sans-serif}#Motto{text-align:center;font-family:'Lato', sans-serif;padding:80px 0}#ascendingBlocks{height:80px;display:flex;flex-direction:row;align-items:stretch}#ascendingBlocks div{flex:1 1 auto;background-color:rgba(255,255,255,0.9);z-index:-1}#bigBlu{position:relative}#bigBlu span{width:100%;text-align:right;display:block;font-size:300px;position:relative;transform:translateX(140px);font-family:'Lato', serif;letter-spacing:40px}#What{width:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex;justify-content:center;z-index:2}#What h1{margin:auto;font-size:40px;padding:20px 80px;background-color:#fff;box-shadow:0px 0px 16px rgba(0,0,0,0.3);position:relative;z-index:3;font-family:'Lato',sans-serif}#skewBox{width:110%;height:110%;position:absolute;top:0;left:0;background-color:#fff;z-index:-1;transform:skewY(-7deg);box-shadow:0px 0px 16px rgba(0,0,0,0.3)}#skewBox:after{content:'';position:absolute;width:200px;height:80px;background-color:#44b4ff;box-shadow:0px 0px 16px rgba(0,0,0,0.3);top:50%;transform:translateY(-40px);right:-180px}#whatHeader{margin-bottom:20px}#whatHeaderBacking{width:60%;height:92px;background-color:#44b4ff;position:absolute;top:0;left:20%;box-shadow:0px 0px 16px rgba(0,0,0,0.3)}#whatContent{padding:40px 40px 40px 80px}#whatContent h2{margin-bottom:20px}#whatContent p{line-height:32px;font-size:16px}#whatContent blockquote{padding:40px;font-size:20px}#whatContent ul{padding-left:40px}#whatContent li{margin-bottom:20px;font-size:18px;letter-spacing:4px}#STEM{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex;justify-content:flex-end;z-index:2}#STEM h1{margin:auto;font-size:40px;padding:20px 80px;background-color:#fff;box-shadow:0px 0px 16px rgba(0,0,0,0.3);position:relative;z-index:3;font-family:'Lato',sans-serif}#STEM #skewBox{width:60%;right:0}#STEMcontent{width:60%;padding:40px 40px 40px 80px}#STEMcontent h2{margin-bottom:20px}#STEMcontent p{line-height:32px;font-size:16px}.binary{display:flex;flex-direction:row;justify-content:space-around;font-size:60px;font-family:'Lato',sans-serif;position:relative;z-index:1;color:rgba(255,255,255,0.3)}@media only screen and (min-width: 800px){#What{width:60%}}

nav {
	width: 100%;
	text-align: right;
	position: fixed;
	top:0;
	right: 0;
	background-color: rgba(68, 180, 255,0.65);
	z-index: 10;
}
#branding{
	position: absolute;
	top:16px;
	left: 16px;
	color: #fff;
}
nav a {
	line-height: 80px;
	padding: 0 40px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	letter-spacing: 2px;
}
section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 40px;
}

.skew{
	margin-top: 80px;
	transform: skewY(-5deg);
}

.unskew {
	transform: skewY(5deg);
}
section .skew {
	background-color: #fff;
	width: 60%;
	padding: 0 80px;
}

.align-right{
	justify-content: flex-end;
}

.around{
	justify-content: space-around;
}

section header{
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	padding: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	position: relative;
	z-index: 2;
	text-align: center;
}

section p {
	padding: 80px 80px 120px 80px;
}

#options {
	margin-top: 160px;
	margin-bottom: 160px;
}

.service{
	width: 400px;
	height: 600px;
	background-color: #fff;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	flex: 0 1 auto;
}

#options header {
	width: 100%;
	margin-bottom: 80px;
}
#options header h1 {
	background-color: #fff;
	padding: 40px;
	width: 80%;
	margin: auto;
}

.service h1 {
	text-align: center;
}

canvas {
	width: 400px;
	height: 150px;
}