styles.css

/* CSS Document */

a {color: rgb(0, 161, 199); text-decoration: none;}
a:visited {color: rgb(0, 163, 61); text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {color: rgb(255, 102, 0); text-decoration: underline;}
body {font-family: "Open Sans", sans-serif; margin: 0}
footer {margin: 20pt 0 0 0; position: relative; font-size: small;}
h1 {color: #777777; margin-bottom: 10pt;}
main {position: absolute; width: 100%; margin: 0; padding: 0;}
p {margin: 5pt 0 5pt 0;}
form {margin: 1rem 0 1rem 0;}
form > * {margin-left: 0.5rem;}
button {font-size: large;}

.credits {padding-top: 20pt; padding-right: 75pt;}
.left {float: left;}
.logo {position: absolute; right: 0; bottom: 0; margin: auto 0 auto 0; padding: 30pt 0 0 0;}
.logo img {width: 75pt;}
.right {text-align: right;}

#content {
	margin: 10pt 10pt 0 10pt;
	max-width: 100%;
	padding: 10pt;
	border: solid 0.1rem #666666;
	color: #555555;
}
#info-block {margin-top: 1rem;}
#info-block p {
	padding: 0.2rem;
	background-color: #eeeeee;
	border-style: solid;
	border-width: 0 0 0 0.5rem;
	border-color: #777777;
	transition: border-color 0.5s ease-in;
}

#button-sum {visibility: visible;}
#button-query {visibility: hidden;}
#filename {visibility: hidden;}
#button-save {visibility: hidden;}