@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Roboto+Mono:wght@200&display=swap');

:root{
	--scale-factor: 1.025;
	--scale-speed: 0.1s;
	--bg-color:#1e1e1e;
	--bg-sub-color:#141414;
	--sub-color:#d4d4d4;
	--sub-alt-color:#191919;
	--text-color:#006699;
	/* --text-sub-color:#5c5c5c; */
	--text-sub-color:#d4d4d4;
	
	--text-highlight:#007acc;
	--text-alt-highlight:#000000;
	--hover-highlight:#000000;
	--ui-highlight:#FFDE00;	
	--mobile-width:700px;
}
.body_wrapper{
	width:80%;
    margin: auto;
	
}
.tabbed_text{
	margin-left:2vw;
}
.inline-block, .inline-block section{
	display:inline-block;
	vertical-align:top;
}
.inline-block ul *{
	display:block;
}
section + section{
	margin-left:10vw;
}
section > h3{
	margin-bottom: 0px;
}

/* footer{
	font-family:'Quicksand', sans-serif;
	border-color:dimgrey;
	background-color:var(--bg-sub-color);
	padding:10px;
	font-size:1.1em;
	text-align:left;
	margin-top:25vh;
	
}
footer li{
	margin-top:10px;
}
.footer-text{
	font-size:1.1em;
	text-align:left;
}

@media screen and (max-width:700px){
	body{
		font-size:0.5em;
	}
	.logo{
		width:30vw;
		height:10vh
	}
} */