body {
    line-height: 1.2;
    background-color: #A2C1C3;
    color: #2b2d42;
    font-family: 'PT Sans', sans-serif;
    text-align: justify;
}

.header-navbar-color {
    background-color: #ADB2D3;
    color: #2b2d42;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
}

h1 {
    font-weight: 100;
    text-align: center;
    padding: 1%;
}

h2 {
    background-color: #DDA0DD;
    font-size: 1.5em;
}

h3 {
    background-color: #2a9d8f;
    border: 5px solid #264653;
    color: #eae2b7;
    padding: 0.7em;
    width: 300px;
    font-size: 1.8em;
    text-align: center;
    margin: 20px auto;
    font-family: Courier New;
    font-weight: lighter;
}


h3:nth-of-type(2n) {
    background-color: #e9c46a;
}

h3:nth-of-type(3n) {
    background-color: #f4a261;
}

h3:nth-of-type(4n) {
    background-color: #e76f51;
}

section:first-of-type h3:nth-of-type(1) {
    transform: rotate(45deg);
}

section:first-of-type h3:nth-of-type(2) {
    transform: scale(0.6);
}

section:first-of-type h3:nth-of-type(3) {
    transform: translateX(200px);
}

section:first-of-type h3:nth-of-type(4) {
    transform: translate(-100px, 50px);
}

section:nth-of-type(2) h3:nth-of-type(1) {
    transform: skew(30deg);
}

section:nth-of-type(2) h3:nth-of-type(2) {
    transform: skew(10deg, 5deg);
}

section:nth-of-type(2) h3:nth-of-type(3) {
    transform: rotate(-20deg) scale(1.3);
}

section:nth-of-type(2) h3:nth-of-type(4) {
    transform: translateX(-500px) rotate(0.5turn) scaleY(1.5);
}

section:nth-of-type(2) {
    transform: scale(0.7) translateX(500px);
}

section {
    margin-top: 10em;
    /*For more spacing between transform h2 blocks :)*/
}