body {background-color:#ccdcff;
    color:#ffffff;
    font-style: italic;
    font-size: 40px;
    font-family: Roboto Condensed;
    padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}

.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#main{background-color:#99bbff;
    width: 80%;
    border: 1px;
    border-style: solid;
    border-color: #003cb3; /* blue */
    text-indent: 50px;
    padding-top: 50px;
  padding-right: 80px;
  padding-bottom: 50px;
  padding-left: 80px;

  .flex-container
    display: flex;
    justify-content: space-around;
    flex-direction: column;}

  
 /* mouse over link */
a:hover {
    color: hotpink;}
.imagecontainer{
  width: 80%;
}