.skill-content{width:100%;display:flex;flex-direction:column;gap:var(--xs-size);padding:var(--s-size);margin-top:var(--three-xs-size);background-color:var(--dark-grey-color);border-radius:var(--s-size)}.skill-content h3{font-size:var(--xl-font-size)}.skill-content .skill-apps ul{display:flex;justify-content:left;overflow-x:scroll;max-width:100%;gap:var(--three-xs-size);position:relative}.skill-content .skill-apps{position:relative}.skill-content .skill-apps:after{content:" ";display:block;min-width:30px;min-height:50px;background:linear-gradient(270deg,var(--dark-grey-color),transparent);position:absolute;top:0;right:0}.skill-content .skill-apps ul::-webkit-scrollbar{display:none}.skill-content .skill.app{display:flex;flex-direction:column;align-items:center;gap:var(--three-xs-size);height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;min-width:70px}.skill-content .skill.app p{text-align:center}.skill-content p.desc{max-height:200px;overflow-y:scroll}.skill-content p.desc:after{content:" ";display:block;height:50px;background:linear-gradient(1turn,var(--dark-grey-color) 20%,transparent);position:-webkit-sticky;position:sticky;bottom:-5px;right:0}.skill-content p.desc::-webkit-scrollbar{display:none}.skill .content .container,.skill .top{transition:all 1s}.skill,.skill .content .container{height:550px;width:290px}.skill,.skill .content{display:flex;flex-direction:column;align-items:center;justify-content:center}.skill .content{width:290px;gap:var(--two-xs-size)}.skill .content .container{max-height:140px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:var(--two-xs-size)}.skill.developped .top .round-btn{transform:rotate(-90deg)}.skill.developped .content .container{max-height:1000px}.skill .top{display:flex;align-items:center;padding:var(--s-size);border-radius:var(--s-size)}.skill .top:hover{background-color:var(--dark-grey-color)}.skill .round-btn{transform:rotate(90deg);transition:all .3s}.skill .round-btn .loading{transform:rotate(-90deg)}.skill .skill-icon .loading{width:100px;height:100px}.skill .desc-title{font-weight:700}.skill p{font-weight:600}#skills .container-skills{box-sizing:content-box;height:-moz-fit-content;height:fit-content;display:flex;flex-wrap:wrap;justify-content:space-around;padding-block:var(--xl-size)}#skills h2{text-transform:uppercase}