html{
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.9em;
}

/* Header */
header{
    display: block;
    vertical-align: middle;
    background: #4444
}

/* Navigation bar */
nav{
    /* background-color: #CCCCFF; */
    background-color: #2E296C  
}

nav > ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

nav ul li {
    display: inline-block;
    padding: 14px 16px;
}

li a{
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.active{
    background-color: #7470A8;
}

/*Buttons*/
.button{
    background-color: #0D2B4A;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    display: inline-box;
}

.button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btn-group{
    position: relative;
    left: 25%;
}

.btn-group button {
  background-color: #2E296C; /* Green background */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 50%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
}

.btn-group button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #7470A8;
}

input {
	border: 2px solid grey; 
}

/* Remove underline effect if links are inside a div (cf. index.html) */
div a {
    text-decoration: none;
    color: #2E296C;
    font-weight: bold;
}

/* logo image class */
.logo {
	width: 150px; 
}

img {
    border: 0px;
}

/* house patron images */
img.patron {
	width: 6.5cm;
}

.hopper {
	color: #041635;
}

.lovelace {
	color: #727FA0;
}

.turing {
	color: #4B6C7E;
}

.lamarr {
	color: #BDBDBD;
}

.knuth {
	color: #802F32;
}

/* headline for header */
header h1 {
	display: inline;
        vertical-align: center;
}

/* headline color for index.html */
h2 {
	color: #7470A8;
}

/* view answers page: highlight chosen options */
.choice {
	font-weight: 900;
}

/* table for admin view */
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
}

footer {
	color: grey;
	text-align: center;
	font-size: small;
}
