* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    min-height: 200vh;
}

h1 {
    background-color: rgba(255, 200, 47, 0.543);
}

section {
    display: block;
}

h1#relative-box {
    text-decoration: underline;
    background-color: rgba(172, 255, 47, 0.543);
    position: relative;
    top: 200px;
    left: 40%;
    width: 25%;

    text-align: center;
}

.relative-1,
.relative-2,
.relative-3 {
    width: 400px;
    height: 400px;
    position: relative;
    left: 300px;
}

.relative-1 {
    background-color: rgba(255, 0, 0, 0.6);
    z-index: 2;
}

.relative-2 {
    background-color: rgba(0, 255, 255, 0.6);
    top: -130px;
    left: 200px;
    z-index: 1;
}

.relative-3 {
    background-color: rgba(85, 255, 0, 0.7);
    top: -400px;
    left: 100px;
    z-index: 3;
}