body {
    font-size: 62.5%;
}

.content {
    max-width: 750px;
}

p,
ul,
ol {
    font-size: 1.6em;
    font-family: Perpetua, Georgia, serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Geneva, Verdana, sans-serif;
}

h1 {
    font-size: 3.2em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.8em;
}

h4,
h5,
h6 {
    font-size: 1.6em;
    font-style: italic;
}

li {
    margin: 1.0em 0;
}

li.spacious {
    margin: 1.5em 0;
}

ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0.2em;
}

nav > ul {
    padding: 0;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  font-size: 2.6em !important;
}

ul#navbar {
    display:inline;
    padding: 14px 16px;
}
ul#navbar li {
    display:inline;
}

/* Large desktop */
@media (min-width: 1200px) {
    .content {
        padding-left: 20%;
        padding-right: 20%;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1200px) {
    .content {
        padding-left: 15%;
        padding-right: 15%;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .content {
        padding-left: 7%;
        padding-right: 7%;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .content {
        padding-left: 2%;
        padding-right: 2%;
    }
    ul#navbar {
        padding: 14px 3px;
    }
}