body {
    margin: 16px 8px 8px 32px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    background-image: linear-gradient(to right, grey, white);
}

.header {
  margin: 16px 16px 32px 0px;
  width: 83%;
  padding: 8px 16px;
  border: 2px solid grey;
  border-radius: 15px;
  text-align: center;
  background-image: linear-gradient(to left, grey, white);
}

div .outer {
  /*
    background-image: radial-gradient(grey, white);
    border: 16px solid lightblue; border-radius: 15px 50px;
    box-shadow: 10px 10px grey;
  */
}

div .inner {
    width: 80%;
    font-weight: 80; font-size: 1.0em;
    color: black; background-color: white;
    border: 2px solid grey;
    border-radius: 15px 50px;
    box-shadow: 4px 4px grey;
    opacity: 0.9;
    padding: 0px 20px 40px 40px;
  /*
    background: url(./img/web-logo_300x400.jpg) no-repeat;
    position:relative; height:30px; overflow: hidden;
    white-space: nowrap;
    -moz-transition:    padding 10s;
    -webkit-transition: padding 10s;
    -o-transition:      padding 10s;
    transition:         padding 10s;
  */
}

/*
div .inner:hover {
    padding: 20px 20px 400px 20px;
    -moz-transition:    padding 3s;
    -webkit-transition: padding 3s;
    -o-transition:      padding 3s;
    transition:         padding 3s;
}
*/