* {
    box-sizing: border-box;
}
html {
	position: absolute;
	top: 0px;
	left: 0px;
    scroll-behavior: smooth;
}
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
/*    font-family: "equity-text-b", "georgia";*/
    font-family: "nimbus-sans-tw01con", sans-serif;
    background-color: wheat;
}
header {
	position: fixed;
    top: 0;
    height: 10vh;
	width: 100%;
    padding: 0.5em 1em;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
            align-items: center;
	z-index:5;
    background-color: white;
    box-shadow: 0px 3px 5px;
}
header a, header a:hover, header a:focus, header a:visited {
    text-decoration: none;
/*    font-size: 120%;*/
}
header > *:nth-child(2) {
    font-size: 200%;
    font-weight: bold;
    color: dimgray;
}
#logo_link, #logo {
    height: 100%;
    margin-right: 0.5em;
}
.right_half {
    height: 100%;
    font-size: 120%;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-flex: 1;
            flex: 1;
}
.menu_item {
	height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	min-width: -webkit-min-content;
}
.nucleus {
    color: dimgray;
	max-height: 100%;
	width: 100%;
	text-align: center;
/*    font-family: "nimbus-sans-tw01con", sans-serif;*/
    font-weight: 700;
    font-size: 1.5em;
    -webkit-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
	white-space: nowrap;
	min-width: -webkit-min-content;
}
.selected, .menu_item:hover .nucleus {
    color: #DE5021;
}
.section {
    position: relative;
    padding: 40px;
    padding-top: 10vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.section:nth-child(odd) {
    background-color: cadetblue;
}
main {
    padding: 2em 0em;
}
.full-page {
    min-height: 87vh;
}
.half-page {
    min-height: 50vh;
}
main img {
    max-width: 40vw;
    max-height: 70vh;
}
#img_space {
	background-color: gray;
	max-width: 30%;
	float: right;
}
#text_space {
	width: 65%;
	float: left;
	overflow-y: auto;
    padding: 2px 0 0 2px;
}
#appstore {
    width: 30%;
}
footer {
	width: 100%;
	bottom: 0px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1em;
}