app6.css

body{
    background-color: black;
}

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

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

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

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

section:first-of-type h1:nth-of-type(1){
    transform-origin: bottom right;
    transform: rotate(45deg);
}

section:first-of-type h1:nth-of-type(2){
    transform: rotateZ(70deg);
}

section:first-of-type h1:nth-of-type(3){
    transform: scale(2, 0.5);
}

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

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

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

section:nth-of-type(2) h1:nth-of-type(3){
    transform: translateX(-500px) rotate(180deg) scaleY(1.5);
}

section:nth-of-type(1){
    transform: scale(0.5);
}