* {
	border: 0px solid red;
}

:root {
	--body-bg: #f3f3f3;
  --grad-left: #864d94;
  --grad-right: #5e589e;
  --grad-left-rgb: 134, 77, 148;
  --grad-right-rgb: 94, 88, 158;
  --dark: #111;
  --black: #000;
  --light-gray: #eee;
  --dark-gray:;
  --white: #fff;
  --full-grad: linear-gradient(45deg, #744fb2 0%, #c058b4 100%);
  --bubble1: rgba(135,77,149,0.2);
  --bubble2: rgba(94,88,158,0.2);
  --bubble3: rgba(145,85,155,0.18);
  --bubble4: rgba(100,92,160,0.18);
  --bubble5: rgba(125,70,140,0.15);
  --bubble6: rgba(110,80,150,0.15);
  --bubble7: rgba(140,75,150,0.18);
  --bubble8: rgba(105,85,155,0.17);
  --bubble9: rgba(130,72,145,0.16);
  --bubble10: rgba(115,82,152,0.17);
  --bubble11: rgba(120,78,148,0.16);
  --bubble12: rgba(135,80,155,0.18);
  --shadow: #444;
  --violet-1: #3f008f;   /* deep violet */
  --violet-2: #8a2be2;   /* mid violet */
  --accent:   #b743b6;   /* warmer violet accent */
  --highlight: rgba(255,255,255,0.06);
  --cool: #b7a2f1;


}

.boldy{
	font-weight: bold;
}

.gradient{
	background: var(--full-grad);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-title{
	font-size: 50px;
	font-weight: bold;
	margin-top: 70px;
	margin-bottom: 10px;
	z-index:10;
	
}

.section-tagline{
	font-size: 1.1rem;
	color: var(--dark);
	z-index:10;

}





html{
  font-family: "Nunito", sans-serif;

}

.airflow-font{
	font-family: "Zain";

}

body {
	
	margin: 0px 0px 0px;
	box-sizing: border-box;
	background-color: var(--body-bg);

}

a {
	text-decoration: none;
}



.outer{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/*overflow: hidden; do not use, or topbar won't be sticky*/
}



.text-about{
	color: white;
	padding-left:15px;

}

.desc-wrapper{
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

.sideband{
	width: 4px;
	border-radius: 3px;
	background-color: var(--gold);
}

.spacer{
	color:transparent;
}