* {
    box-sizing: border-box;
}

.app {
    background-color: rgb(82, 82, 90);
    color: white;
    font-family: "Helvetica", sans-serif;
    font-size: 12px;
    zoom:130%; /* For Chrome, IE, default 100%*/
    position: absolute; /* for Firefox, thanks @nickramsbottom */
    -moz-transform-origin: 0 0; /* for Firefox */
}

.notfound {
    background-color: rgb(82, 82, 90);
}

figure {
    display: inline-block;
    margin: 4px;
}
figure img {
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}
figure figcaption {
    text-align: center;
}

a:link {
    color: white;
}

a:visited {
    color: rgb(196, 196, 196);
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.centertext {
    color: white;
    font-family: "Helvetica", sans-serif;
    font-size: 36px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
}

code {
    background-color: rgb(152, 152, 160);
    color: rgb(32, 32, 40);

}

.lightbg {
    background-color: rgb(152, 152, 160);
    color: rgb(32, 32, 40);
}

.footerbox {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: rgba(82, 82, 90, 1.0);
	outline: white solid thin;
}

.footer {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
}