@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Libre+Franklin:wght@900&display=swap');

html {
    border-right: 3px #f36e33 solid;
    border-left: 3px #008a69 solid;
}

body {
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 1.6em;
    letter-spacing: .03em;
    max-width: 44em;
    margin: auto;
    padding: 2em;
}

a, a:visited, a:link {
    color: #008a69;
}

a:hover {
    text-decoration: none;
}

figure {
    text-align: center;
    border: 1px solid #f36e33;
    padding: 1em;
}

figure img {
    border: 1px solid #444;
}

figure p {
    font-size: smaller;
    font-style: italic;
}

h1#mega {
    width: 100%;
    font-weight: normal;
    font-size: 4em;
    text-align: center;
}

h2.title {
    font-weight: normal;
    text-align: center;
}

h3 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #f36e33;
}

p#nav {
    text-align: center;
    font-size: 2em;
}

p#nav a {
    color: #008a69;
    display: inline-block;
    padding: .4em;
}

p.buy-now {
    color: #f36e33;
    padding: 1em;
    text-align: center;
}

p.buy-now a {
    color: #f36e33;
}

a.back-to-top {
    font-size: .8em;
    color: #f36e33;
}

div#title-circle {
    text-align: center;
}