body {
    background: repeating-linear-gradient(-45deg, rgb(254, 244, 254),
    rgb(254, 244, 254) 9px, rgb(253, 255, 254) 9px, rgb(253, 255, 254) 19px);
}
main {
    height: 100vh;
    max-width: 50rem;
    margin: 0 auto;
}

main > p {
    padding: 10px;
    color: #ffffff;
    letter-spacing: 1px;
    text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

h1 {
    max-width: 50rem;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: black;
    color: rgb(0, 255, 210);
    padding-left: 30px;
    clip-path: polygon(0 100%, 5px 0, 17.5px 0, 12.5px 100%, 15px 100%, 20px 0, 100% 0, calc(100% - 5px) 100%);
}

h2 {
    max-width: 50rem;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: black;
    color: rgb(255, 80, 255);
    padding-left: 30px;
    clip-path: polygon(0 100%, 5px 0, 12.5px 0, 7.5px 100%, 10px 100%, 15.5px 0, 22.5px 0, 17.5px 100%, 20px 100%, 25px 0, 100% 0, calc(100% - 5px) 100%);
}

h3 {
    max-width: 50rem;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: black;
    color: rgb(255, 230, 10);
    padding-left: 30px;
    clip-path: polygon(
        0 100%, 2.5px 0, 7.5px 0, 5px 100%, 7.5px 100%,
        10px 0, 15px 0,
        12.5px 100%, 15px 100%, 17.5px 0, 22.5px 0, 20px 100%,
        22.5px 100%, 25px 0, 100% 0, calc(100% - 5px) 100%);
}

footer{
    margin: 0;
}

.copyRight {
    text-align: center;
    font-size: .7rem;
}