@import "style.css";

/* Basic Fonts */

.gbold {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #606060;
  margin-bottom: 2rem;
}

.wbold {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: white;
}

.wthin {
  font-family: proxima-nova, sans-serif;
  font-weight: 100;
  font-style: normal;
  color: white;
}

.greyheading {
  font-size: 2rem;
}

/* Hi and Name */

.wel {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-top: -3rem;
}

.myname {
  font-size: 2rem;
}

.firstname {
  font-size: 4rem;
  margin-top: -2rem;
}

.lastname {
  font-size: 3.55rem;
}

.welhi {
  font-size: 20rem;
}

.welright {
  display: flex;
  flex-direction: column;
  line-height: 3.5rem;
  margin-top: 11.3rem;
}

/* Job title */

.job {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.titlesize {
  font-size: 3rem;
  line-height: 3.2rem;
}

/* Education Background */

.edu {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-top: 9rem;
}

.educolright {
  margin-top: 1.3rem;
}

.edudig {
  font-size: 2rem;
}

.eduni {
  font-size: 2rem;
}

.educitydate {
  font-size: 1.5rem;
}

.edublock {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 2rem;
}

.bracket img {
  height: 25rem;
}

/* Work Experience */

.we {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  margin-top: 5rem;
}

.wecolright {
  align-self: center;
}

.oxfordcomma2 img {
  height: 7rem;
}

.workblock {
  display: flex;
  flex-direction: column;
  line-height: 1.9rem;
}

.workdate {
  font-size: 1.5rem;
  margin-top: 0rem;
}

.workplace {
  font-size: 2rem;
}

.workposition {
  font-size: 1.5rem;
}

.sep {
  background-color: #4f4f4f;
  width: 3rem;
  height: 0.5rem;
  margin: 1rem 0rem 1rem 0rem;
}

/* Projects */

.projects {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  margin-top: 7rem;
}

.oxfordcomma1 img {
  height: 5rem;
}

/* Skills */

.skills {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  margin-top: 7rem;
}

.skillcoleft {
  display: flex;
  flex-direction: column;
}

.skillcolright {
  align-self: center;
}

.skilltext {
  font-size: 1.5rem;
}

.semi img {
  height: 14rem;
}

/* Software */

.software {
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
}

.softwaretext {
  font-size: 1.5rem;
}