@import url('https://fonts.googleapis.com/css2?family=Antic+Slab&family=Bebas+Neue&family=Crete+Round&family=Sansita+Swashed:wght@500&display=swap');

p {
    font-family: "Antic Slab";
    text-align: justify;
    line-height: 1.5;
}
h1,h2,h3,h4,h5,h6,a {
    font-family: "Crete Round";
}
#title-static {
    font-family: "Sansita Swashed";
}
#title-one {
    font-family: "Bebas Neue";
}
#navbar {
    border-bottom-width: 1px;
    border-color: teal;
    border-bottom-style: solid;
    padding-right: 1em;
    padding-left: 1em;
}
article, section {
    padding: 1em;
    padding-top: .5em;
    padding-bottom: 1.5em;
}
footer {
    text-align: center;
    margin-top: 2em;
}
body {
}
main {
    flex-grow: 1;
    padding: 0 1em;
}
#sidenav {
    flex-shrink: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    padding-right: 2em;
    align-self: flex-start;
}
#sidenav ul {
    line-height: 2;
    list-style-type: none;
}
#sidenav a {
    text-decoration: none;
    color: teal;
}
.flex {
    display: flex;
}
#spaces {
    width: 20vw;
    flex-shrink: 0;
}
* {
    scroll-behavior: smooth !important;
}
pre {
    white-space: pre-wrap;
}