pr.css

/* ---------------------------|
| @author: Eko Alfarisi     **|
| instructure: Bpk. Putra:  **|
| Course : WebHozz          **|
|----------------------------*/

.wrapper {
  margin: 20px;
}

.clear {
  clear: both;
}

header {
  width: 100%;
  height: auto;
  background-color: rgba(0, 255, 224, 0.67);
  border-radius: 10px 10px 0 0;
}

header > h1 {
  margin-bottom: 5px;
  padding: 30px 0;
  font-family: monaco;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 2px 2px rgba(33, 33, 33, 0.38);
}
nav > ul > li {

  display: inline;
}

nav {
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.91);
}

.navbar {
  word-spacing: 20px;
  text-align: center;
  padding: 10px 0;
}

article {
  width: 69%;
  background-color: rgba(0, 0, 0, 0.6);
  float: left;
}

article > img {
  width: 98%;
  height: 533px;
  padding: 10px;
}

aside {
  width: 30%;
  height: 557px;
  background-color: rgba(0, 0, 0, 0.6);
  float: right;
  color: #ffffff;
}

aside > h3 {
  font-family: verdana;
  text-align: center;
  font-weight: normal;
}

aside > ul > li {
  padding-left: 10px;
  line-height: 25px;
}

main {
  margin: 5px 0;
  width: 100%;
}

main  > section {
  width: 30%;
  height: auto;
  margin: 10px 10px 0px;
  padding: 10px 10px;
  /* border: 1px solid grey; */
  /* background-color: grey; */
  float: left;
}

main > section > p {
  padding: 10px 10px;
}

main > section > div > img {
  width: 212px;
  height: 212px;
}

footer {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6); /* default: #0080ff */
  border-radius: 0 0 10px 10px;
}

footer > h4 {
  padding: 30px 0;
  font-family: monospace;
  font-size: 16px;
  color: #ffffff;
}

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

.text-justify {
  text-align: justify;
  text-indent: 50px;
}

a {
  color: white;
  font-family: monospace;
  font-size: 20px;
}

a:hover {
  color: rgba(36, 54, 249, 0.9);
  text-decoration-line: none;
}