html {
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    color: #000000;
    font-family: 'Perpetua Regular', 'Constantia', 'Cochin', 'Adobe Garamond Pro', 'Garamond', serif;
    font-size: 18px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
}

a:link, a:visited, a:hover {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	padding: 0 0.8ex 4pt 0.8ex;
	border-bottom: 1px solid transparent;
	border-radius: 6px;
}
a:hover {
	background-color: gold;
	color: #40749e;
	border-bottom: 1px solid #40749e;
	border-radius: 6px;
}
a:active {
	background-color: transparent;
	color: #40749e;
	border-bottom: 2px solid #40749e;
	border-radius: 6px;
}

.bubble.space {
	height: 1592px;
	vertical-align: top;
	text-align: left;
	background: url('239996890.jpg') no-repeat top center;
	background-size: cover;
}

.principles {
	position: absolute;
	top: 164px;
	left: 21%;
	min-width: 480px;
}
.principles h1 {
	color: #24678d;
	font-size: 36pt;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0.25em;
}
.principles h2 {
	color: #5a7280;
	font-size: 16pt;
	margin-top: -0.3ex;
	padding-top: -0.3ex;
}
#photography .principles {
	top: 84px;
}

.mind {
	height: 384px;
}
#photography .mind {
	height: 256px;
}

.dragon {
	padding: 2em 10%;
	color: #565656;
	max-width: 72em;
	min-width: 24em;
}
.dragon h2 {
	border-bottom: 3px double #aaaaaa;
}
.dragon p {
	font-size: large;
}
.beauty {
	padding: 2em;
	color: #565656;
	max-width: 90%;
	min-width: 24em;
}
.beauty h2 {
	padding-left: 20%;
}
.beauty ul {
	display: block;
	align-items: center;
}
.beauty li {
	display: inline-block;
	margin: .5em;
}
.left {
	float: left;
}
.third {
	width: 30%;
	margin-right: 1em;
}
.right {
	margin: 1em;
	background-color: rgba(255, 255, 255, 0.3);
	height: 400px;
}
.virtue {
	color: lightblue;
	align-content: center;
	text-align: center;
	vertical-align: top;
	margin: 1em;
}
.virtue p {
	padding: 1em;
}
.virtue:last-of-type {
	padding-bottom: 2em;
}