@use "fonts"

.presentation
  height: calc(100vh - 9rem)
  display: flex
  padding: 2rem
  margin-bottom: 6rem
  justify-content: center
  flex-direction: column

  img
    height: 10rem
    width: 10rem
    margin: .5rem 1rem
    border-radius: 100%

  .presentation-inside
    display: flex
    flex-direction: row
    flex-wrap: wrap

  .name-box
    flex: auto

  .name
    font:
      size: 5.5rem
      family: "YoungSerif"
      style: italic
      weight: bold
    color: var(--accent-color)
    margin: .5rem 0
    line-height: normal

  .description
    color: var(--fg-muted-2)
    font-size: 1.25rem