/* Color Palette */

.bg {
    background-color: #121212;
}
.red {
    background-color: red;
}
.orange {
    background-color: orange;
}
.yellow {
    background-color: yellow;
}
.green {
    background-color: green;
}
.blue {
    background-color: blue;
}
.indigo {
    background-color: blueviolet;
}
.purple {
    background-color: purple;
}

main {
    width: 80%;
    margin: 0 auto;
}

header {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 24px 1.6667%;
}

.button {
    width: 80px;
    height: 24px;
}

.row {
    display: flex;
}

.one-third {
    flex: 1;
    width: 33.333333%;
    height: 350px;
}

.two-thirds {
    flex: 2;
    width: 66.666667%;
    height: 350px;
}

.one-quarter {
    flex: 1,2;
    width: 25%;
    height: 250px;
}

.two-quarters {
    flex: 3;
    width: 50%;
    height: 250px;
}

.one-fifth {
    width: 25%;
    height: 450px;
}

.pad {
    padding: 24px 1.6667%;
}
.pad2 {
    padding: 24px 1.25%;
}