/* :root {
  --border-radius: 15px;
  --subsection-content-padding: 15px;
} */

/* ----------------------- General -----------------------*/
.stylized-list
{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}

.stylized-item
{
  gap: 10px;

  background-color: #480ca8;
  text-align: center;

  width: fit-content;
  height: fit-content;

  padding: 5px;
  border-radius: var(--border-radius);

  margin: 0;
}

.stylized-item:hover
{
  background-color: #7209b7;
  user-select: none;
}

/* ----------------------- Main Body  -----------------------*/
body 
{
  /* background-color: #f0f0f0; */
  background-color: #1e2019;

  color: whitesmoke;
  font-family: 'Anaheim', sans-serif;
  margin-top: 0;
}

/* ----------------------- About Me Section ----------------------- */
#about-me 
{
  scroll-snap-align: start;
  text-orientation: upright;
  margin: auto;

  display: flex;
  flex-direction: column;

  justify-content: left;
  align-items: flex-start;
}

#about-me-sections
{
  display: flex;
  justify-content: left;
  flex-direction: column;
  width: 100%;
}

.about-me-subsection:nth-child(2n)
{
  align-self: flex-end;
  margin-right: 25px;
}


/* ----------------------- Bio Sub-section -----------------------*/
#bio
{
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  width: 50vw;
}

#bio #bio-text
{
  background-color: #40b2df;
  padding: var(--subsection-content-padding);
  border-radius: var(--border-radius);
  margin-top: 20px;
}

#bio p:first-child
{
  margin-top: 0;
}

#bio p:last-child
{
  margin-bottom: 0;
}

#bio h1
{
  writing-mode: vertical-lr;
}

/* Education Sub-section */
#education h1
{
  text-align: right;
}

#education ul
{
  list-style-type: none;
  background-color: #b89319;
  padding: var(--subsection-content-padding);
  border-radius: var(--border-radius);
}

/* #education p, #education li
{
  text-align: right;
} */

/* ----------------------- Technologies Section ----------------------- */
#technologies
{
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  width: 50vw;
}

#technologies #main-header
{
  writing-mode: vertical-lr;
  letter-spacing: -0.3em;
}

#technologies .tech-subheader
{
  text-align: left;
  font-size: 25px;
  margin: 10px 0 10px 0;
}
#technologies .tech-subheader:first-child
{
  margin-top: 0px;
}

#technologies-content
{
  background-color: #2a006d;
  padding: var(--subsection-content-padding);
  border-radius: var(--border-radius);
  margin-top: 20px;
}


/* ----------------------- Hobbies Section ----------------------- */
#hobbies h1
{
  text-align: right;
}

#hobbies ul
{
  padding: 0;
}

#hobbies .stylized-list
{
  margin-left: auto;
  justify-items: right;
  flex-direction: row-reverse;
  background-color: #0c398d;
  padding: var(--subsection-content-padding);
  border-radius: var(--border-radius);
  max-width: 50%;
}

#hobbies .stylized-item
{
  text-align: center;
  background-color: rgb(6, 80, 192);
}

#hobbies .stylized-item:hover
{
  background-color: rgb(22, 95, 206);
}

#hobbies #hobbies-content
{
  margin-top: 20px;
}