div.container {width: 100%; margin: 0;}
aside {background-color:#e6ffff; width: 100%;}
.asideright {float: right; margin-bottom:0; margin-left: 1em; width: 30%; background-color:#fbf2ff; border-top: 1px solid #66023C; border-bottom: 1px solid #66023C;}
.box {margin: 0; background-color:#fbf2ff; border-bottom: 1px solid #66023C; width:100%;}
nav {text-align: center; font-family: "Times New Roman", serif; text-decoration: none; border-bottom: none; margin: 0; padding: 1%;}
	nav a {color: #252525; padding: 1%; text-decoration: none; border-bottom: none; transition: background-color .3s;}
	nav a.active {background-color: #333333; color: white;}
article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; color: black; background-color: white; }
.first {margin-bottom:0; padding-bottom: 4%;}
.second {margin-top: 0;}

		body {margin: 0; background-color: #f2f2f2;}
		p, li, td, th, span {font-family: "Times New Roman", serif;} 
		.courier {font-family: 'Courier New', 'Times New Roman', serif;}
		.margin {margin: 0;}
		.form {margin: 0; padding: 1%; font-size: 2em; text-align: center; background-color: #e6ffe6; border: solid lightgreen 1px;}
		.example {margin: 0; text-indent: 2em;}
		.example2 {margin: 0; padding-left: 2em;}
		.note {margin: 0; padding: 2%; background-color: #f1f1f1; color: #666666; border-left: solid lightgrey 5px;}
		.foot {text-align: center; text-indent: 0; color: grey;}
		.phon {background-color: lightblue;}
		.gr {color: lightslategrey; font-style: italic;}
		.navy {color: blue; font-weight: bold;}
		.gray {background-color: #444444;}
		.g2 {background-color: #dddddd;}
		.padding {padding: 3%; text-align: center;}
		.padding2 {padding-left: 20%;}
		.bodoni {font-family: "Bodoni Moda", serif;}

		p, li {font-size: 0.9em; text-align:left;}
		.right {text-align: right; font-style: italic; color: #666666; }
		.cap {text-align: center; font-style: italic; color: #666666; }
		.accordion {background-color: #f9f9f9; cursor: pointer; padding-left: 5%; padding-bottom: 5px; padding-top: 5px; margin: 0; border-bottom: 1px solid lightgrey; border-top: none; border-left: none; border-right: none; width: 100%; text-align: left; outline: none;}
		.accordion:hover {background-color: #f2f2f2;}
		.panel {display: none; overflow: hidden; padding: 1em;}
		h1, h2 {margin: 0;}
		h2 {font-weight: normal;}
		h2, h3 {font-style: italic;}
		table, td {border-collapse: collapse; line-height: 1;}
		.tborder {border: solid lightgrey 1px;}
		.center {margin-left: auto; margin-right: auto;}
		.fixed {table-layout: fixed;}
		. none {display: none;}
		#rose2, #maud2, #maudlt2, #tess2, #pat2, #nick2, #bob2, #doug2, #brooke2, #brookelt2, #jane2, #pete2, #mike2, #luke2, #hugh2, #lukelt2, #ma2, #malt2, #howie2, #howielt2, #joy2, #mark2, #claire2, #clairelt2, #bert2, #keir2, #keirlt2, #george2, #noor2, #jacob2, #littlenick2, #littlebrooke2, #mee2, #ness2, #wing2, #yes2, #wes2, #ree2, #lee2, #bess2, #den2, #guess2, #guesslt2, #gwen2, #exam2, #jess2, #jesslt2, #vee2, #then2, #zen2, #genre2, #pen2, #ten2, #ken2, #kengr2, #kwee2, #eks2, #chess2, #fen2, #thin2, #sen2, #shee2, #hee2, #hwen2, #greek1a, #greek2a, #latin1a, #latin2a, #latin3a, #latin4a, #conv1a, #conv2a, #conv3a, #conv4a, #conv5a, #dif1a, #dif2a, #dif3a, #dif4a, #dif5a, #dif6a, #sec1a, #sec2a, #pre0a, #pre1a, #pre2a, #pre3a, #pre4a, #pre5a, #pre6a, #assign {display: none;}
		#rose2 td, #maud2 td, #maudlt2 td, #tess2 td, #pat2 td, #nick2 td, #bob2 td, #doug2 td, #brooke2 td, #brookelt2 td, #jane2 td, #pete2 td, #mike2 td, #luke2 td, #hugh2 td, #lukelt2 td, #ma2 td, #malt2 td, #howie2 td, #howielt2 td, #joy2 td, #mark2 td, #claire2 td, #clairelt2 td, #bert2 td, #keir2 td, #keirlt2 td, #george2 td, #noor2 td, #jacob2 td, #littlenick2 td, #littlebrooke2 td, #mee2 td, #ness2 td, #wing2 td, #yes2 td, #wes2 td, #ree2 td, #lee2 td, #bess2 td, #den2 td, #guess2 td, #guesslt2 td, #gwen2 td, #exam2 td, #jess2 td, #jesslt2 td, #vee2 td, #then2 td, #zen2 td, #genre2 td, #pen2 td, #ten2 td, #ken2 td, #kengr2 td, #kwee2 td, #eks2 td, #chess2 td, #fen2 td, #thin2 td, #sen2 td, #shee2 td, #hee2 td, #hwen2 td, #greek1a td, #greek2a td, #latin1a td, #latin2a td, #latin3a td, #latin4a td, #conv1a td, #conv2a td, #conv3a td, #conv4a td, #conv5a td, #dif1a td, #dif2a td, #dif3a td, #dif4a td, #dif5a td, #dif6a td, #sec1a td, #sec2a td, #pre0a td, #pre1a td, #pre2a td, #pre3a td, #pre4a td, #pre5a td, #pre6a td {background-color: #e6ffff;}
		td, th {padding-top: 0; padding-bottom: 0; padding-left: 2%; background-color: #f2f2f2; vertical-align: middle;}
		.case td {padding-top: 5px; padding-bottom: 5px; color: #3a2e1f; background-color: #f9f9f9; border-bottom: solid 1px lightgrey;}
		.case2 td {padding-top: 5px; padding-bottom: 5px; color: black; border-bottom: solid 1px blue;}
		.stress td {background-color: #e6ffe6;}
		.stress th {background-color: black; color: white;}
		th {border-bottom: solid black 1px;}
		.dark {border-bottom: 1px solid darkgreen;}
		.d2 {color: darkgreen; font-style: italic;}
		.light {background-color: #f2f2f2;}
		th {font-weight: normal;}
		.no {padding-left: 0;}
		.border {border: 1px solid white;}
		.borderright {border-right: 1px solid black;}
		.bordergrey {border-bottom: 1px solid lightgrey;}
		.short {background-color: lightblue;}
		.long {background-color: yellow;}
		.wise {background-color: lightgreen;}
		.space td {padding: 1%;}
		.light {background-color: #e6ffe6;}
		.white {background-color: #ffffff;}
		.w2 {background-color: green;}
		.eerie {background-color: pink;}
		.cent {padding: 0; text-align: center;}
		.pad {padding: 0;}
		.bot {padding-bottom: 10px;}
		.top {padding-top: 1%;}
		sup {font-size: 0.7em;}
		a {color: blue; text-decoration:none;}
		a.new {color: black; text-decoration:none;}
		a.new:hover {color: green; text-decoration:none;}
		.none {text-decoration: none; border-bottom: none;}
		.index {color: black;}
		.cover {width: 99%;}
		sup {color:#002147; font-family: "Times New Roman", serif; line-height: 50%;}
		hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
		.thick {border: 0; height: 0; border-top: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
		.half {width: 50%;}
		.nom {margin: 1%;}
		img {display: block; image-orientation: from-image;}
		.border {border: double darkgreen 10px;}
		.bottom {border-bottom: solid lightgreen 1px;}
		figure {margin: 0;}
		audio {width:100%;}
		address {font-style: normal;}
		.caption {font-style: italic; border: 0; margin: 0; padding; 0; padding-top: 1%;}
		#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 1.2em; font-family: "Times New Roman"; border: none; outline: none; background-color: grey; color: white; cursor: pointer; padding: 5px 20px; border-radius: 4px;}
		#myBtn:hover {background-color: #005689;}
		.fa {font-size: 1em; color: #999999; width: 1em; text-align: center; border-bottom: none;  border-radius: 50%;}
		.poem {font-size: 0.7em;}
		.intro {font-size: 0.8em;}
		.index {font-size: 0.8em;}
		.logo {height: 100%; width: 100%;}
		.title {height:80%; width: 80%;}
		.nippon {writing-mode: vertical-rl; padding: 1.8em;}
		.caput {font-size:1.2em;}
		.capitulum {font-size:1em;}
		.name {text-align:left; font-family: "Times New Roman", serif; font-size: 1.4em;}
		
		.button {
		background-color: white;
		border: #666666 solid 3px;
		border-radius: 24px;
		color: #666666;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 7px 18px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 24px;
		}

		* { box-sizing: border-box;}
		.column {flex: 50%; margin: 1%; padding: 3%; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}
		.row {display: flex;}
		.colcolor {background-color: #e6ffff;}
		.colcolor2 {background-color: #e6ffe6;}
		.colcolor3 {background-color: #f2f2f2;}
		.borderblack {width: 100%; border: double lightgreen 10px;}
		.bbl {border-right: solid #666666 1px;}
		.grey {color: grey;}
		
		@media only screen and (max-width:450px) {
			.intro {font-size: 0.8em;}
			.titulus {font-size: 1.4em;}
			.logo {height: 100%; width: 100%;}
			p, td, th {font-size: 0.9em;}
			.nippon {writing-mode: vertical-rl; padding: 1.8em;}
			aside {padding: 0.4em; width: 75%; font-size: 0.8em;}
			.cover {width: 98%;}
			article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; text-align: left; color: black; background-color: white;}}
			
		@media only screen and (min-width:450px) and (max-width:720px) {
			.index {font-size: 0.9em;}
			.intro {font-size: 0.8em;}
			.titulus {font-size: 1.8em;}
			.logo {height: 100%; width: 100%;}
			.title {height:65%; width: 65%;}
			.caput {font-size:1.4em;}
			.capitulum {font-size:1.1em;}
			.poem {font-size: 0.8em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			.cover {width: 100%;}
			body {margin: 0;}
			body {position: relative;}
			p, td, th {font-size: 1em;}
			sup {font-size: 0.8em;}
			aside {padding: 1em; width: 70%; font-size:1em;}
			.cover {width: 100%;}
			article {margin-left: 5%; margin-right: 5%; margin-top: 5%; margin-bottom: 5%; padding: 4em; padding-top: 3em; margin: 0; padding: 0.5em; text-align: left; }}
			
		@media only screen and (min-width:720px) and (max-width:950px) {
			.index {font-size: 1em;}
			.intro {font-size: 0.9em;}
			.titulus {font-size: 2em;}
			.logo {height: 100%; width: 100%;}
			.title {height:60%; width: 60%;}
			.caput {font-size:1.6em;}
			.capitulum {font-size:1.3em; font-style: normal;}
			.poem {font-size: 0.9em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			body {margin: 0;}
			body {position: relative;}
			p, td, th {font-size: 1em;}
			sup {font-size: 0.9em;}
			aside {padding: 1.5em; width: 60%; font-size: 1em;}
			.cover {width: 80%;}
			article {margin-left: 10%; margin-right: 10%; margin-top: 5%; margin-bottom: 5%; padding: 4em; padding-top: 3em; text-align: left; }}	
			
		@media only screen and (min-width:950px) and (max-width:1224px) {
			.index {font-size: 1.1em;}
			.intro {font-size: 1em;}
			.titulus {font-size: 2em;}
			.logo {height: 80%; width: 80%;}
			.title {height:55%; width: 55%;}
			.caput {font-size:1.8em;}
			.capitulum {font-size:1em; font-style: italic;}
			.poem {font-size: 1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			.cover {width: 70%;}
			body {margin: 0; background-color:#333333;}
			body {position: relative;}
			p, td, th {font-size: 1.1em;}
			aside {padding: 1.5em; width: 55%; font-size:1em; }
			.cover {width: 70%;}
			article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 6em; padding-top: 3em; text-align: left; }}
		
		@media only screen and (min-width:1224px) {
			.index {font-size: 1.2em;}
			.intro {font-size: 1.1em;}
			.titulus {font-size: 2.5em;}
			.logo {height: 75%; width: 75%;}
			.title {height:50%; width: 50%;}
			.caput {font-size:2em;}
			.capitulum {font-size:1.2em; font-style: italic;}
			.cap2 {font-size:1.4em;}
			.poem {font-size: 1.1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			.small td, th {font-size: 2em;}
			.smaller td, th {font-size: 1.4em;}
			body {margin: 0; background-color:#333333;}
			body {position: relative;}
			p, li, th {font-size: 1.4em;}
			td {font-size: 2em;}
			aside {padding: 1em 2em; margin: 1.2em; font-size: 1.2em; margin-left: 0; margin-top: 0;}
			.cover {width: 70%;}
			article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 8em; padding-top: 3em; text-align: left; }}