@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --gray-400: rgb(201, 201, 207);

  --blue-600: rgb(35, 35, 112);
  font-family: "Roboto", sans-serif;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 2rem;
}

.header__container {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  gap: 0.25rem;
  align-self: flex-start;
}

.header__image {
  width: 16rem;
  border-radius: 100%;
  border: 8px solid var(--gray-400);
}

.header__title {
  font-size: 4rem;
  font-weight: 700;
}

.header__email {
  font-size: 2rem;
  font-weight: 700;
  margin-top: -2rem;
}

.experience__container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.experience__title {
  font-size: 7rem;
  font-weight: 700;
}
.experience__experiences__container {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  list-style: none;
}

.experience__experience__item {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.experience__experience__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.experience__experience__item__position {
  font-size: 4rem;
  font-weight: 700;
  line-height: normal;
}

.experience__experience__item__year {
  font-size: 2rem;
  font-weight: 600;
  font-style: italic;
}
.experience__experience__tasks__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* list-style: lower-greek; */
}
.experience__experience__task {
  font-size: 1.5rem;
  font-weight: 400;
}

.skills__container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.skills__title {
  font-size: 7rem;
  font-weight: 700;
}

.skills__list {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  list-style: none;
}

.skills__skill {
  font-size: 2.5rem;
  padding: 1rem 2rem;
  border-radius: 1.5rem;
  border: 1px solid grey;
}