html, body {
	margin: 0;
}
body {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family:'Montserrat', sans-serif;
}

h1, p {	
	font-weight: normal;
	font-family:'Montserrat', sans-serif;
}

h1 {
	font-size: min(8.5vw, 60px);
}

.theHeader {
	margin-top: 75px;
	font-size: min(4vw, 25px);
}

.orbContainer {
	display: flex;
	align-items: center;
	width: min(70vw, 400px);
	height: min(70vw, 400px);
	border: 3px solid black;
	border-radius: 50%;
}

.theLaw {
	border: 3px solid red;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}