/* Target / Context = Result */

/* Color Palette */
.orange {
  background-color: orange;
}
.green {
  background-color: green;
}
.yellow {
  background-color: yellow;
}

/* Float */
.left {
  float: left;
}
.right {
  float: right;
}

body {
  background-color: #121212;
}

main {
  width: 100%;
  height: auto;
  margin: 0px auto; /* Centering horizontally */
}

/* Example of a .class */
.row {
  width: 100%;
  height: 350px;
  /* background-color: green; */
  padding-bottom: 40px;
}

.col-fifty {
  width: 50%;
  height: 350px;
}

.col-third {
  width: 33.333333333%;
  height: 350px;
  float: left;
}

.col-fourth {
  width: 25%;
  height: 350px;
}

.col-fifth {
  width: 20%;
  height: 350px;
}