@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
.section-about {
  padding-top: calc(var(--bw__sizer) * 100);
  padding-bottom: calc(var(--bw__sizer) * 100);
  background-color: #faf9f9; }
  .section-about__header {
    margin-bottom: calc(var(--bw__sizer) * 55); }
    .section-about__header h2 {
      line-height: 1em;
      width: fit-content;
      position: relative;
      padding-bottom: calc(var(--bw__sizer) * 20); }
      .section-about__header h2:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: calc(var(--bw__sizer) * 50);
        height: calc(var(--bw__sizer) * 6);
        background-color: #f8a229;
        border-radius: calc(var(--bw__sizer) * 3); }
  .section-about__col h3 {
    margin-bottom: calc(var(--bw__sizer) * 20); }
  .section-about__skills .skill {
    padding: calc(var(--bw__sizer) * 3) calc(var(--bw__sizer) * 15);
    margin: calc(var(--bw__sizer) * 15) calc(var(--bw__sizer) * 15) 0 0;
    background-color: #dddddd;
    border-radius: calc(var(--bw__sizer) * 5); }


/*# sourceMappingURL=SectionAbout.css.map*/