/*general html formattings*/
html {
    scroll-behavior: smooth;
}

/*body*/
body{
    color: #707070;
    padding-bottom: 1em;
    width: 75%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media only screen and (max-width: 750px) {
    body{
        width: 90%;
        padding-right: 2em;
    }

    h1{
        font-size: 200%;
    }
}

a,p{
    padding-top: 2em;
    padding-left: 2em;
    text-align: justify;
}

h1{
    margin-top: 1em;
    margin-left: 1em;
}

h2{
    margin-top: 1em;
    margin-left: 1.25em;
}

h3{
    margin-top: 1em;
    margin-left: 1.6em;
}

hr{
    margin-left: 2em;
    border: 1px solid #DFDFDF;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    opacity: 35%;
}

li {
    margin-left: 2em;
    margin-bottom: 1em;
}