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

.about-text, .skills-tools-holder{
  grid-column: span 7;
}

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

.resume {
  grid-column: 2 / span 7; 
  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)
}

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

  }

  .skills-tools-holder{
    margin-top: calc(var(--space-xxl) * 5.5);
  }

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

  .resume {
    grid-column: 6 / span 7;
    grid-row: 1 / 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) {
  .about-text{
    grid-column: 1 / span 4;
    grid-row: 1;
  }

  .skills-tools-holder{
    grid-column: 2 / span 5;
    margin-top: auto;
  }

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

/* LARGE SCREEN */
@media only screen and (min-width: 1440px) {
  .skills-tools-holder{
    grid-column: 4 / span 4;
  }

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