#skills{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:var(--half-gap) var(--big-gap);
  .stacked{
    flex-direction: column-reverse;
  }
  .fill-left__radio{
    border:1px solid var(--borderColor);
    &:first-child{
      border-radius: 50% 0 0 50%;
    }
    &:before{
      line-height:0;
    }
  }
  .parens-holder{
    input{
      position:relative;
      top:var(--half-gap);
    }
  }
  > .basic-skills{
    width: 100%;
    > :first-child{
      display:flex;
      gap:var(--half-gap);
      justify-content: space-between;
    }
    > h2{
      column-span:all;
    }
    > .skill-container{
      column: {
        width:var(--columnSize);
        gap:var(--big-gap);
        rule:2px solid var(--fontColor);
      }
      > .skill-row{
        break-inside:avoid;
      }
    }
  }
  > :not(.basic-skills){
    flex:1 1 var(--columnSize);
  }
  .skill-row,
  .repitem{
    display:flex;
    gap:var(--half-gap);
    align-items:center;
    > :first-child{
      flex:1 0 auto;
    }
    [aria-level="3"]{
      font-size:1.125rem;
      text-transform:capitalize;
      text-align:left;
    }
    input[type="number"]{
      width:2rem;
    }
  }
}