body {
  background: crimson;
  font-family: 'IBM Plex Mono', monospace;
  font-style: normal;
  color: bisque; }

ul, li {
  margin: 0; }

em {
  font-style: normal; }

nav {
  height: 20vh;
  margin-bottom: 2vh;
  display: flex; }
  nav img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 15%; }
  nav #nav-text {
    display: flex;
    flex-direction: column;
    flex: 5; }
    nav #nav-text #nav-title {
      display: inline;
      margin: 0;
      flex: 3;
      font-size: 5vh; }
      nav #nav-text #nav-title a {
        text-decoration: none;
        color: bisque; }
    nav #nav-text #nav-links {
      display: inline;
      margin: 2vh 0;
      flex: 2; }

ul {
  text-align: left;
  list-style: none; }

main {
  background: cadetblue;
  border-radius: 2%;
  margin: 7vh 10vw 7vh 10vw;
  padding: 5%; }
  main :is(h1, h2, h3, h4, h5, nav, footer) {
    text-align: center; }

footer {
  margin: 2rem;
  flex-wrap: wrap; }
  footer .footer-line #footer-socials {
    display: flex;
    justify-content: center;
    align-items: center; }
    footer .footer-line #footer-socials a {
      align-items: center;
      height: 5vw;
      margin: 0 0.5rem; }
      footer .footer-line #footer-socials a img {
        height: 100%;
        width: auto; }

/*# sourceMappingURL=style.css.map */