.commitment-bar{border-radius:24px;padding-top:32px;position:relative}.commitment-bar__line{background:var(--beige-300);cursor:pointer;z-index:2;width:100%;height:2px;position:relative}.commitment-bar__tree{z-index:0;position:absolute;bottom:2px;left:5%}.commitment-bar__tree-two{z-index:0;position:absolute;bottom:2px;left:50%}.commitment-bar__tree-three{z-index:0;position:absolute;bottom:2px;left:calc(50% + 40px)}.commitment-bar__bush{z-index:2;position:absolute;bottom:2px;left:calc(50% + 20px)}.commitment-bar__pillon{z-index:2;position:absolute;bottom:2px;right:4px;transform:translate(50%)}.commitment-bar__pillon-two{z-index:2;position:absolute;bottom:2px;right:50%;transform:translate(50%)}.commitment-bar__tree-four{z-index:0;position:absolute;bottom:2px;right:20px;transform:translate(50%)}.commitment-bar__commitment-line{background:var(--brown-600);width:40px;height:2px}.commitment-bar__object{cursor:pointer;z-index:1;position:absolute;bottom:2px}.commitment-bar__car-wrapper{transform-origin:bottom;transition:transform .1s;transform:scale(1)}.commitment-bar__car-wrapper:hover{transform:translateY(-2px)scale(1.2)}.commitment-bar__text{inline-size:100%;color:var(--brown-300);margin-top:calc(var(--gap-spacing)/2);justify-content:end;gap:4px;font-weight:200;display:inline-flex}.commitment-bar__text span{font-weight:700}
.skill{gap:calc(var(--gap-spacing)/2);padding:calc(var(--gap-spacing)/2);flex-direction:column;display:flex}.skill__level{justify-content:space-between;align-items:center;gap:var(--gap-spacing);display:flex}.skill__level span{color:var(--brown-300)}.skill__level--orange svg{color:var(--orange)}.skill__level--blue svg{color:var(--blue)}.skill__level--green svg{color:var(--green)}.skill__level-bar{background:var(--beige-300);width:100%;height:2px}.skill__level-bar-progress{background:var(--brown-600);height:2px}.skill__description{color:var(--brown-300);text-align:end}
.skill-group{justify-content:space-between;gap:var(--gap-spacing);grid-template-columns:1fr;display:grid}@media screen and (min-width:700px){.skill-group{grid-template-columns:repeat(3,1fr)}}
.about-me{background:var(--beige-200);padding:var(--gap-spacing);gap:var(--gap-spacing);border-radius:24px;flex-direction:column;display:flex}.about-me__introduction{gap:var(--gap-spacing);grid-template-columns:1fr;display:grid}@media screen and (min-width:700px){.about-me__introduction{grid-template-columns:260px 1fr}}.about-me__image{border-radius:24px;width:180px;height:180px;margin:0 auto;position:relative;overflow:hidden}@media screen and (min-width:700px){.about-me__image{width:260px;height:260px}}.about-me__description{padding-inline:calc(var(--gap-spacing)/2);flex-direction:column;justify-content:center;display:flex}@media screen and (min-width:700px){.about-me__description{padding-inline:unset}}