style.css

/**Styling comments...The worst of all comments.**/
html{
	/* scrolls to anchor id when user clicks internal link */
	scroll-behavior: smooth;
}

body{
	font-family: Georgia, serif;
	margin:0px;
	/* Removes the springy reaction when the user scrolls to the bottom of the page **/
	overscroll-behavior:none;
	text-align:center;
}

figure svg{
	width:100%;
}

/* Team logo icons (SVG) */
#scorpio{
	width:31%;
	display:inline-block;
	margin:25px;
}
#aries{
	width:31%;
	display:inline-block;
	margin:25px
}
#taurus{
	width:31%;
	display:inline-block;
	margin:25px;
}

nav>a, h1>a, nav>a:visited{
	text-decoration:none;
	color:black;
}
nav>a:hover, h1>a:hover{
	text-decoration:underline;
}

p, h2, li {
	line-height: 150%;
	color:rgb(72, 72, 72);
}

a:visited, a{
	color:rgb(72,72,72)
}

/* the sidebar images */
#officers figure img{
	width:100%;
	border-radius:20%;
}

/* sidebar images on hover */
#officers figure img:hover{
	opacity:0.8;
	z-index:0;
}

li {
	text-align:left;
}
ul {
	display:inline-block;
	margin:auto;
}
/* Remove link-like properties from images and svgs */
figure a{
	text-decoration:none;
	color:black;
}
a:active{
	outline:none;
}
/* team logos, add background on hover */
figure a:hover circle, figure a:hover rect, figure a:hover polygon{
	fill:#DDD;
}
/* Google Calendar */
iframe{
	width:100%;
	height:500px;
	border:none;
}
h1, h2, h3 {
	font-family: 'Orbitron', sans-serif;
	text-align:center;
}

nav{
	text-align:center;
}

figure{
	text-align:center;
}

#teams{
	text-align:center;
}


	p{
		font-size:1.2em;
		text-align:left;
	}
	li{
		font-size:1.2em;
	}
	#teams>figure{
		width:310px;
	}
	#about{
		margin-bottom:calc(-20px - 1.2em);
		max-width: 700px;
    		width:90%;
		display:inline-block;
	}
	#officers>figure {
		min-width:100px;
		width:10%;
		margin:5px;
		display:inline-block;
		vertical-align:top;
	}
	#officers figcaption{
		font-family:sans-serif;
		font-weight:bold;
		color:black;
    		font-size:0.7em;
	}
	.names {
    		font-size:1.5em;
	}
	/*The sidebar in the About Us section */
	#officers{
		text-align:center;
	}
	/* Top Header */
	h1{
		font-size:3.5em;
	}
	/* Sub headers of each section */
	h2 {
		border-bottom:1px solid #DDD;
		width:300px;
		margin:auto;
		margin-top:10px;
		margin-bottom:10px;
		font-size:1.5em;
	}
	/* Navigation bar */
	nav{
		position: -webkit-sticky;
		position:sticky;
		top:0px;
		background:#777;
		padding:10px;
		font-size:1.2em;
		opacity:0.99;
		z-index:1;
	}
	/* This is for anchor link purposes, so that the navigation bar doesn't overlap the header when auto scrolling to the teams section */
	#teams{
		padding-top:calc(20px + 1.2em);
		margin-bottom:calc(-20px - 1.2em);
	}
	/* Same here */
	#events{
		padding-top:calc(20px + 1.2em);
	}
	/* Images in navigation bar */
	nav img{
		height:1em;
	}

/* Medium Sized Devices */
@media screen and (min-width: 500px) and (max-width: 720px), print {
	#break {
		display:block;
	}
}

@media print {
	nav{
		display:none;
	}
}