.no-cssanimations .rw-wrapper .rw-sentence span:first-child {
	opacity: 1;
}

html {
	position: relative;
	min-height: 100%;
	font-size: 1rem;
	scroll-behavior: smooth;
}

@media (min-width: 768px) {
	html {
		font-size: 1rem;
	}
}

@media (max-height: 350px) {
	html {
		font-size: 0.625rem;
	}
}

body {
	/*Make sufficient room so footer appears without hiding any content*/
	/*margin-bottom: 15rem;*/
}

html, body {
	/* v for accessibility v */
	/*font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.12rem;
	word-spacing: 0.16rem;*/	
	/* ^ for accessibility ^ */
}

.nav-link:hover {
	color: hsl(180,100%,45%) !important;
	/*font-weight: bold;*/
	/*font-size: larger;*/
}

.navbar-toggler {
	margin-right: 3.75rem;
}

.adw-section {
	padding-top: 3rem;
}

article {
	padding: 0.75rem;
}

h1 {
	padding: 2rem 1rem 2rem 1rem;
	text-align: center;
	border-color: #212121;
	border: 0.1rem solid hsl(0,0%,13%);
	-webkit-border-radius: 1.0rem;
	-moz-border-radius: 1.0rem;
	border-radius: 1.0rem;
	background-image: linear-gradient(to right, hsl(180,100%,90%), hsl(180,100%,32%));
}

h2 {
	/*left: 10px;*/
	/*margin-left: 10px;*/
	padding: 0.6rem;
	border-color: #212121;
	border: 0.1rem solid hsl(0,0%,13%);
	-webkit-border-radius: 1.0rem;
	-moz-border-radius: 1.0rem;
	border-radius: 1.0rem;
	background-image: linear-gradient(to right, hsl(56,100%,90%), hsl(56,100%,50%));
}

h3 {
	text-align: center;
	/*font-size: 80%;*/
	margin: 1em 0 0.5em 0;
}

#page-top {
	padding-top: 1rem;
}

.top {
	display: flex;
	justify-content: space-between;
}

.linescroll {
	margin: 9rem auto 9rem auto;
	max-width: 90%;
	max-height: 1.5rem;
	background-image: linear-gradient(to right, hsl(56,100%,90%), hsl(56,100%,50%), hsl(180,100%,90%), hsl(180,100%,32%));
	border-color: #212121;
	border: 0.1rem solid hsl(0,0%,13%);
	-webkit-border-radius: 180px 180px 180px 180px;
	border-radius: 180px 180px 180px 180px;
}

/*.ti {
	margin-left: 2rem;
	list-style-type: circle;
}*/

/*See https://css-tricks.com/forums/topic/two-column-text-flow/*/
/*See https://webdesign.tutsplus.com/articles/an-introduction-to-the-css3-multiple-column-layout-module--webdesign-4934*/
/*.multicol {
	column-count: 2;
	column-gap: 40px;
}*/

.adw-border {
	border-style: solid;
	border-color: #00A3A3;
	border-color: hsl(180,100%,32%);
	border-width: 0.1rem;
	-webkit-border-radius: 1.0rem;
	-moz-border-radius: 1.0rem;
	border-radius: 1.0rem;
	margin: 0.2rem;
}

.card-header {
	/*background-color: #e6d024;*/
	background-image: linear-gradient(to right, hsl(50,100%,90%), hsl(50,100%,50%));
	border-style: solid;
	border-color: #212121;
	border-color: hsl(0,0%,13%);
	border-width: 0.1rem;
}

.card-body {
	/*background-color: hsl(56,100%,50%);*/
	background-image: linear-gradient(to right, hsl(56,100%,90%), hsl(56,100%,50%));
	border-style: solid;
	border-color: #212121;
	border-color: hsl(0,0%,13%);
	border-width: 0.1rem;
}