body {
  background-color: hsla(0,15%,50%,0.25);
  width: 960px;
  margin: 0 auto; }

body.index {
  background-color: hsla(0,15%,50%,0.25);
  width: 90%;
  margin: 0 auto;}

body.media {
  background-image: url("../images/stars.jpg"); 
  background-repeat: no-repeat;
  background-position: center; }

#page {
  min-width: 600px;
  max-width: 900px;
  min-height: 600px;
  max-height: 900px;
  border: 3px solid #27f2f5;  
  padding: 5px; }

header, section, footer, aside, nav, article {
  display: block; }

header {
  height: 100px; }

section {
  display: flex;
  flex-wrap: wrap;  }

article {
  pading: 10px;
  margin: 10px;  }

aside {
  width: 230px;
  float: right;
  position: relative; }

.index-header {
  text-align: center; }

nav {
  display: flex;
  align-items: center;
  justify-content: space-around; }
  
img.align-center {
  display: block;
  margin: 0px auto; }

img.align-right {
  float: right;
  margin-left: 5px; }

img.large {
  width: 400px;
  height: 450px; }

img.medium {
  width: 300px;
  height: 300px; } 

img.small {
  width: 200px;
  height: 200px; }

h1 {
  background-color: #27f57d;
  color: black; 
  font-style: italic}

p {
  font-size: 1.3em;
  margin: 5px auto 5px auto; }

#pullquote, .credits, .note {
  font-size: 1em;}

h2 {
  background-color: #dfa7eb;
  color: black; 
  font-weight: normal}

ol, ul, li {
  font-family: Helvetica, Arial, sans-serif; }

ul {
  list-style-type: circle; }

#navigation li {
  display: inline; }

#index-navigation {
  dispaly: inline; }

a:link {
  text-decoration: underline;}

a:visited  {
  text-decoration: line-through;}

.note {
  line-height: 1.3em;}

.introduction {
  text-align: center;}

table {
  width: 500px;
  border: 4px solid black;
  background-color: #f52749; }

th, td {
  padding: 5px; }

input[type="text"] {
  font-size: 106%;
  color: blue; }

input[type="submit"] {
  background-color: #edadc1;
  border: 3px solid black;} 

fieldset {
  width: 400px;
  border: 2px solid black;
  padding: 5px;}

#forms-header {
  text-align: center; }

#forms-content {
  overflow: auto;
  height: 100%; }

#testing-table, #testing-form, #forms-quotation, #forms-footer {
  background-color: #edddab;
  padding: 10px;
  margin: 10px; }

#index-content {
  overflow: auto; }

#index-links, #index-quotation, #index-contact {
  width: 31.3%;
  float: left;
  margin: 1%; 
  height: 10em;
  background-color: #edddab; }

#index-links {
  overflow: scroll;}