body {
	max-width: 70ch;
	margin: 10ch auto;
	font-family: sans-serif;
	font-size: 20px;
}

#mainlink {
	text-decoration: none;
}

#thetot {
	max-width: 200px;
	max-height: 200px;
	display:inline-block; 
	border-radius:2191991px;
}

/* Phone Screens */
@media only screen and (max-width: 475px) {
	body {
		margin: 3ch auto;
		font-size: 16px;
	}    
    
}

@media only screen and (max-width: 786px) {
	body {
		margin: 3ch auto;
	}
	
	h1 {
		text-align: center;
	}

	#leftspace { 
		display : none; 
	}

	#leftside {
		width: 100%;
	}

	#thetot {
		margin: 0 auto;
		display: block;
	}

	#rightside {
		width: 100%;
	}
	
	h2 {
		margin: 1ch auto;
		text-align : center;
	} 
	
	p {
		max-width: 40ch;
		line-height: 1.5;
		margin : 0 auto;
	}
}


@media only screen and (min-width: 787px) {

	#leftspace {
		display: inline-block; 
		padding: 0 0.5ch;
	}
	#leftside {
		display: inline-block;
	}

	#rightside{
		display: inline-block;
		padding: 0 5ch; 
		vertical-align: top;
	}

	h2 {
		margin: 1ch 0;
	}
	p {
		display: inline-block;
		max-width: 40ch;
		line-height: 1.5; 
		margin: 0;
	}
}