@font-face {
    font-family: 'creatodisplay';
    src: url(/pages/css-transitions/fonts/CreatoDisplay-Black.otf) format('truetype');
    }

    @font-face {
        font-family: 'creatodisplaylight';
        src: url(/pages/css-transitions/fonts/CreatoDisplay-Light.otf) format('truetype');
        }

*{
    margin: 0;
    padding: 0;
}

p{
    text-align: center;
    font-family: creatodisplay;
    font-size: 2em;

}

h1, h2, h3, h4, h5, h6{
    display: inline-block;
    text-align: center;
    border-style: solid;
    border-color: pink;
    font-family: creatodisplaylight;
    font-size: 2em;
    border-width: 4px;
}

h2{
    border-color: aquamarine;
}

h3{
    border-color: purple;
}

h4{
    border-color: orange;
}
h5{
    border-color: blue;
}

h6{
    border-color: green;
}