.habilidades__caixa {
   align-items: center;
   background-color: var(--branco);
   border-radius: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   gap: 0.625rem;
   justify-content: flex-end;
   padding: 1.562rem;
   height: 12.5rem;
}
.habilidades__caixa-illustrator {
   height: 6.875rem;
   width: 6.875rem;
}
.habilidades__caixa-photoshop {
   height: 8.75rem;
   width: 8.75rem;
}
.habilidades__caixa-html {
   height: 10rem;
   width: 10rem;
}
.habilidades__caixa-css {
   height: 11.562rem;
   width: 11.562rem;
}
.habilidades__caixa-js {
   height: 12.5rem;
   width: 12.5rem;
   background: var(--destaque-caixa);
}

@media screen and (max-width: 769px) {
   :root {
      font-size: 14px;
   }
}
@media screen and (max-width: 426px) {
   :root {
      font-size: 14px;
   }
   .habilidades__caixa {
      order: 2;
      background-color: var(--gradient);
      height: 8.75rem;
      width: 8.75rem;
   }
}