#page-title {
     font-size: 4rem;
     margin-bottom: 15px;
}

nav ul {
     display: flex;
     flex-direction: row;
     padding: 0;
     list-style-type: none;
     justify-content: space-between;
}

nav li {
     margin: 0 10px;
}

main {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-around;
}

main section {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     align-items: center;
     justify-content: center;
     margin: 25px;
}

main h2 {
     font-size: 2em;
}

main ul {
     display: flex;
     flex-direction: column;
     list-style-type: none;
     padding: 0;
     align-items:center;
}

aside {
     background-color: color-mix(in oklab, var(--box), transparent 30%);
     backdrop-filter: blur(2px);
     margin-bottom: 20px;
}

aside ul {
     display: flex;
     flex-direction: row;
     list-style-type: none;
     padding: 0;
     justify-content: space-between;
}

aside li {
     margin: 10px;
}

/* On medium screens */
@media (max-width: 1080px) {
     aside ul {
          flex-direction: column;
     }
}

/* On small screens */
@media (max-width: 640px) {
     main {
          flex-direction: column;
     }

  nav ul, main ul, aside ul {
     flex-direction: column;
  }
}