#section_projects{display:flex;flex-direction:column;margin-top:100px}#section_projects #projects{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;justify-content:center;min-height:100vh}#section_projects #projects article{cursor:pointer;display:flex;flex-direction:row;gap:20px;width:500px;height:fit-content;padding:20px;position:relative;background-color:var(--bg-lighter);outline:1px solid var(--bg-lightest);border-radius:20px;transition:.3s}#section_projects #projects article:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:35px;height:100px;position:absolute;top:0;right:30px;background-color:var(--secondary)}#section_projects #projects article:hover{outline-color:var(--secondary)}#section_projects #projects article .connections{display:flex;flex-direction:column;width:75px;margin-bottom:30px;border-radius:inherit}#section_projects #projects article .connections s-icon{width:75px;height:75px;position:relative;background-color:var(--bg);border:1px solid var(--primary);border-radius:inherit}#section_projects #projects article .connections s-icon:before,#section_projects #projects article .connections s-icon:after{content:"";width:inherit;height:inherit;position:absolute;border:inherit;border-radius:inherit;animation:pulse 2s linear infinite}@keyframes pulse{to{scale:1.3;opacity:0}}#section_projects #projects article .connections s-icon:after{border-color:var(--secondary);animation-delay:1s}#section_projects #projects article .connections span{width:60px;height:60px;position:relative;translate:50%;border:4px solid var(--bg);border-top:none;border-right:none;border-bottom-left-radius:15px}#section_projects #projects article .connections span:before{content:"";width:16px;aspect-ratio:1;position:absolute;right:0;bottom:0;translate:calc(50% + 4px) calc(50% + 2px);border:4px solid var(--bg);border-radius:50%}#section_projects #projects article .connections span ul{list-style:none;display:flex;flex-direction:row;gap:4px;position:absolute;right:0;bottom:0;translate:calc(100% + 19.2px) 50%}#section_projects #projects article .connections span ul li{padding:2px 6px;background-color:var(--bg-lightest);border:1px solid var(--primary);border-radius:5px;transition:.3s}#section_projects #projects article .connections span ul li:hover{background-color:var(--primary)}#section_projects #projects article header{display:flex;flex-direction:column;justify-content:center;height:75px}#section_projects #projects article header h2{font-size:30px}#section_projects #projects article header p{color:var(--text-secondary)}@media screen and (max-width:550px){#section_projects #projects article{width:100%}#section_projects #projects article:before{display:none}}