@font-face {
    font-family: "OpenSans-Regular";
    src: url("fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: "Literata-Regular";
    src: url("fonts/Literata-Regular.ttf");
}
@font-face {
    font-family: "Caladea-Regular";
    src: url("fonts/Caladea-Regular.ttf");
}

a {
    text-decoration: none;
    color: dodgerblue;
}

a:visited{
    color: crimson;
}

a:hover{
    color:slategray;
}

/* MAIN SEMANTIC ELEMENTS*/

body{
    max-width: 650px;
    margin: auto;
    padding: 20px;
    font-family: 'Literata-Regular';
    background-color: ghostwhite;
}

header{
    text-align: left;
    font-family: 'Literata-Regular';
}

footer{
    text-align: right;
}

hr{
    width: 60%;
}