:root{--font-family:"Bricolage Grotesque",sans-serif;--tj-primary:#4770ff;--tj-black:#1a1f2c;--tj-grey-1:#576076;--tj-grey-2:#616670;--tj-grey-4:#dbdfe5;--tj-grey-5:#f0f2f5;--tj-white:#fff;--font-size:16px;--font-weight:400;--line-height:1.6em;--transision:all 0.1s ease-out 0s}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.content-box-area .col-xl-4{align-self:flex-start!important}.skill-item-with-tooltip{position:relative}.skill-tooltip{bottom:-35px;background-color:#0f172a;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1000}.skill-tooltip,.skill-tooltip:before{position:absolute;left:50%;transform:translateX(-50%)}.skill-tooltip:before{content:"";top:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #0f172a}.skill-item-with-tooltip:hover .skill-tooltip{opacity:1;visibility:visible}