.nav-link {
  cursor: pointer;
}

.resume-section-content .attr {
  font-size: .5em;
}

/* education */
.school-description {
  padding: 0.5em 0 0 2em;
}

/* skills */
.skillbox {
  display       : flex;
  flex-direction: row;
  margin-bottom : .5em;
}

.skillwith {
  margin-right: .5em;
  width       : 250px;
  text-align  : right;
}

.skillbarbox {
  display    : flex;
  align-items: center;
  flex-grow  : 2;
}

.skillbar {
  background-color: blue;
  height          : 1em;
}

.experience .tech {
  font-size  : normal;
  font-family: Monaco, Consolas;
}

.experience .subheading {
  margin-bottom: 0 !important;
  cursor       : pointer;
  display      : inline-block;
  transition   : all 0.4s ease;
}

.experience .subheading svg {
  display      : inline-block;
  transition   : all 0.4s ease;
  padding      : 3px;
  font-size    : x-large;
  border-radius: 2em;
}

.experience .subheading:hover svg {
  transform: rotateZ(90deg);
}

.experience .subheading.expanded svg {
  transform: rotateZ(90deg);
}

.experience .subheading.expanded:hover svg {
  transform: rotateZ(0);
}

.experience-thumb {
  max-height: 100px;
  max-width: 150px;
  margin    : .5em;
}

.experience-thumb--logo {
  height: 50px;
}

.fade-enter-active {
  transition: opacity .5s;
}

.fade-enter {
  opacity: 0;
}

.more {
  font-size: small;
}

.more:hover {
  font-weight: bold;
  cursor     : pointer;
}