@font-face {
    font-family: roboto-light-300;
    src: url(../fonts/roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: roboto-light-300-italic;
    src: url(../fonts/roboto/Roboto-LightItalic.ttf);
}

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

@font-face {
    font-family: roboto-italic-400;
    src: url(../fonts/roboto/Roboto-Italic.ttf);
}

p {
    text-align:left;
    font-family:roboto-light-300;
    font-size: 1.2rem;
    padding-left: 25px;
}

span#highlight {
    font-family:roboto-regular-400;
}

span#greeting {
    text-align:left;
    font-family:roboto-regular-400;
    font-size: 2rem;
    border-bottom: 3px double;
    text-decoration-color:#000000;
}
span#explanation {
    text-align:left;
    font-family:roboto-light-300-italic;
    font-size: 1rem;
    border-bottom: 0.5px dashed;
    text-decoration-color:#000000;
}

footer {
    text-align:justify;
}

a {
    font-family:roboto-regular-400;
    text-decoration: none;
    text-decoration-color:#1b0b42;
}