@font-face {
    font-family: body;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: heading;
    src: url(../fonts/Roboto-Black.ttf);
}

h1, h2, h3 {
    font-family: heading;
}

h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

h2 {
    display: block;
    font-size: 1.75rem;
    margin: auto;
    margin-bottom: 32px;
    text-align: center;
    padding: 12px;
    color: #fed830;;
    border-bottom: 3px solid #fed830;;
}

h3 {
    font-size: 1.5rem;
    color: #efefef;
    margin-top: 64px;
    margin-bottom: 0;
}

.entry h3 {
    margin-top: 8px;
    text-align: center;
    text-transform: capitalize;
}

h4 {
    margin: 0;
    margin-top: 16px;
    margin-bottom: 8px;
}

a, a.link, a.visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

p {
    text-align: justify;
    text-justify: auto;
    word-spacing: 0px;
    hyphens: auto;
}

li p {
    text-align: left;
    word-spacing: 0px;
}

.centered {
    text-align: center;
}