/*
selector {
  property: value; 
  }
*/
/*Home page*/
h1 {
    text-align:center;
}
h2 {
    text-align:center;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: lightblue;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #8bb6fc;
}
.image-1 {
  float: left;
  width:40%;
  padding:50px;
}

.home{
  vertical-align: text-top;
}

body {
    background-color:#fcfaac;
}
.info-2 {
   vertical-align: text-top;
}
.image-2 {
  float: left;
  width:25%;
  padding:20px;
}
html {
    color:navy;
    font-family:times;
    padding:50px;
    font-size:16pt;
}
h1, h2, h3 {
   font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.first-h1 {
    background-color:lightblue;
}
h3, h2 {
    text-decoration:underline;
}
.image-4 {
    float:right;
    width:300px;
    padding-right:50px;
    padding-left:50px;
    padding-bottom:20px;
    padding-top:32px;
}
p {
    background-color:#faf787;
    padding:30px;
}
.clearfloat{
    clear:both;
}
.image-6{
    float:right;
    width:35%;
}
.image{
    width:320px;
    float:left;
    padding-right:40px;
}
.image-5{
    float:right;
    width:30%;
    padding:30px;
}
.clear{
    clear:both;
}