style.css

/* Title and navigation bar style */

.header-container {
  font-family: Almendra, Garamond;
  font-size: 20px;
  color: #181368;
  text-align: center;
  border-radius: 10px;
}

#school-name {
  padding: 20px 0 20px;
  font-style: italic;
  font-weight: bold;
  color: #181368;
}

ul {
  list-style-type: none;
  font-weight: bold;
  padding: 20px 100px 20px;
  border-radius: 10px;
  background-image: linear-gradient(
    to right,
    #94d9d0,
    #dbedeb,
    #dbedeb,
    #94d9d0
  );
  text-align: left;
}

li {
  display: inline;
  padding: 20px 80px 20px;
}

a {
  text-decoration: none;
  color: black;
  border-radius: 5px;
  padding: 5px 5px 5px 5px;
}

li a:hover {
  color: #181368;
  background-color: #c8d2f4;
}

/* Body and alert style  */

body {
  background-image: linear-gradient(to right, #c8f4e5, #dbedeb, #afcfb6);
}

.start-now {
  background: #74d1a5;
  border-radius: 10px;
  padding: 10px 10px;
  color: #181368;
  font-size: 20px;
}
.alert {
  text-align: center;
  padding: 40px 0 40px;
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
}
/* Main content and articles style  */

.main-content {
  text-align: justify;
  font-size: 15px;
  font-family: "Times New Roman", Times, serif;
  color: black;
  background-color: #ddf2e8;
  border: 1px dotted #45a276;
  margin: 30px 30px 30px 30px;
  padding: 10px 300px 10px 300px;
  border-radius: 10px;
}

.article {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  padding: 40px 0 40px;
}

article:first-child h1 {
  font-size: 25px;
  color: black;
  font-style: italic;
  font-weight: bold;
}

article:first-child h2 {
  font-size: 20px;
  color: black;
  font-style: italic;
  font-weight: bold;
}

.pic {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

article h1 {
  font-size: 20px;
  padding: 0px 0px 0px 0px;
  color: #181368;
}

article h2 {
  font-size: 15px;
  padding: 0px 0px 0px 0px;
  color: #181368;
}

/* footer */
.footer-container {
  color: #45a276;
  text-align: center;
  border-radius: 5px;
}