@import url("../../css/styles.css");

.skills-tools-holder{
  grid-column: span 8;
}

.tools{
  margin-top: var(--space-md);
}

.resume {
  grid-column: span 8; 
  margin-top: var(--space-xxl-lg);

}

.job{
  margin-top: var(--space-xxl);
  /* grid-column: 2 / span 7; */
}

.resume .job:first-of-type{
  margin-top: var(--space-md);
}

.job-infromation{
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

ul li{
  margin-top: var(--space-md);
  margin-bottom:var(--space-md);
  /* list-style: outside; */
}

.job .p2{
  padding-left: var(--space-md);
}

/* TABLET */
@media only screen and (min-width: 768px) {
  .skills-tools-holder{
    grid-column: 2 / span 10;
    grid-row: 1;

  }

  .tools{
    margin-top: var(--space-xl);
    
  }

  .resume {
    grid-column: 2 / span 10;
    grid-row: 2 / span all;
    margin-top: 0%;
  }

  .t-flexbox{
    display: flex;
  }

  .t-flexbox p:last-of-type{
    margin-left: auto;
  }

  .resume .job:last-of-type ul li:last-of-type{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}

/* DESKTOP */
@media only screen and (min-width: 1025px) {
  .skills-tools-holder{
    grid-column: 2 / span 5;
    grid-row: 1;
  }

  .tools{
    margin-top: var(--space-xl);
    
  }

  .resume {
    grid-column: 7 / span 5;
    grid-row: 1 / span all;
    margin-top: 0%;
  }

}

/* LARGE SCREEN */
@media only screen and (min-width: 1440px) {
  
}