body
{
  background              : url("../image/background.jpg") scroll no-repeat top center;
  -webkit-background-size : cover;
  -moz-background-size    : cover;
  -o-background-size      : cover;
  background-size         : cover;
}

#container
{
  display        : flex;
  flex-direction : column;
  align-items    : center;
  margin         : 20px;
}

header, footer
{
  text-align : center;
  width      : 100%;
}

section
{
  display         : flex;
  flex-direction  : row;
  justify-content : center;
  width           : 100%;
}

article
{
  width   : 100%;
}

aside
{
  width : 525px;
}

header, article, aside, footer
{
  border           : 1px solid;
  border-radius    : 10px;
  box-shadow       : 5px 5px 5px;
  background-color : white;
  opacity          : 0.9;
}

header
{
  margin-bottom  : 10px;
  padding-top    : 10px;
  padding-bottom : 10px;
}

article
{
  margin-top    : 10px;
  margin-bottom : 10px;
  margin-right  : 10px;
  padding       : 10px;
}

aside
{
  margin-top    : 10px;
  margin-bottom : 10px;
  margin-left   : 10px;
  padding       : 10px;
}

footer
{
  margin-top     : 10px;
  padding-top    : 10px;
  padding-bottom : 10px;
}

.header_title
{
  font-size : large;
  font-weight: bold;
}

.aside_title
{
  font-size : small;
  font-weight: bold;
}

.aside_option
{
  width : 100%;
}

label, td, a, select, button
{
  font-size : small;
}

table
{
  width : 100%;
}

#graph_div
{
  height : 550px;
}

#startDay_select
{
  margin-left : 50px;
}