html, body {

height: 100%;
margin: 0;

}

body {

font-family: 'Verdana';
background-color: #EEEEEE;
color: #383B66;
line-height: 2rem;

}

h1 {

font-weight: bold;
font-size: 4rem;

}

h3 {

font-weight: bold;
font-size: 2rem;

}

h5 {

font-weight: bold;
font-size: 1rem;

}

.main {

min-height: 100%;
margin: 0 auto -30px;

}

.content {

padding: 40px;

}

.footer {

height: 30px;
padding-left: 40px;

}

.header {

margin-bottom: 2rem;

}

.experiment {

margin-bottom: 2rem;
padding: 1rem;
border: 0.1rem dashed #DDDDDD;
border-radius: 1rem;

}

.experiment-title { }

.experiment-sections {

margin-top: 1rem;

}

.experiment-section:not(:last-child) {

margin-bottom: 1rem;

}

.experiment-section-title {

margin-bottom: 1rem;

}

.experiment-table {

display: flex;
flex-direction: column;

}

.experiment .row {

flex: 1;
display: flex;
flex-direction: row;
margin-bottom: 0.5rem;

}

.experiment .row.header {

padding-bottom: 0.3rem;
border-bottom: 0.05rem solid #CCCCCC

}

.experiment .row .column {

flex: 1;

}

.experiment .row .column:not(:last-child) {

flex-basis: 15rem;
flex-grow: 0;

}

.user-id-input-form {

}

.user-id-input-form label {

display: block

}