.skills-container{flex-wrap:wrap;gap:.8rem;display:flex}.skills-container .skill-container{background:var(--container-color);cursor:pointer;color:var(--text-color);border:1.5px solid #00000026;border-radius:.5rem;max-width:max-content;padding:.6rem;transition:all .5s;animation:linear bottomToTop;display:inline-block}.skills-container .skill-container:target{background:#bfe5ff;animation:.3s linear blink}.dark .skills-container .skill-container:target{background:#fff6;animation:.3s linear blink}@keyframes blink{0%{opacity:1}25%{opacity:.5}50%{opacity:1}75%{opacity:.5}to{opacity:1}}.skills-container .skill-container .sub-skill-container{justify-content:space-between;gap:.8rem;display:flex}.skills-container .skill-container:hover{background:#bfe5ff}.app.dark .skills-container .skill-container:hover{background:#ffffff4d}.skills-container .skill-name-container{flex-direction:row;align-items:center;gap:.5rem;display:flex}.skills-container .skill-name-container .skill-name{text-wrap:nowrap;justify-self:start;font-weight:600}.skill-details{grid-auto-flow:column;justify-content:end;align-items:center;gap:.3rem;width:100%;display:grid}.skill-details img{width:15px;height:15px}.heading#skills .btn-container{gap:1rem;display:flex}.sort.btn{color:var(--text-color);background:#aad4ff84;border:none}.skill-details-container{flex-direction:column;width:100%;height:100%;display:flex}.skill-details-container .heading{padding-bottom:0}.skill-details-container .projects-container{box-sizing:border-box;padding:.5rem;overflow-y:auto}@media (max-width:1000px){.skills-container .skill-name-container img{width:2rem}.skills-container .skill-container .skill-details img{width:10px;height:10px}}@media (max-width:870px){.screen-container .skills-container .skill-container .skill-details{display:none}.skills-container .skill-container{gap:.5rem}}@media (max-width:420px){.sort.btn{font-size:.9rem}.heading#skills .btn-container{gap:.5rem}.heading#skills:first-child{font-size:1.5rem}}@media (max-width:380px){.heading#skills .btn-container{flex-direction:column}}