.code-main-direction-screen{display:flex;flex-direction:column;gap:50px}.section-code-page{border-radius:20px;box-shadow:0 0 3px 3px var(--color-primary-light);padding:20px 48px 48px}.skills-container{gap:24px}.img-skill-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:.4s;width:72px;height:72px}.img-skill-container:hover{transform:scale(1.2);box-shadow:0 0 13px -4px var(--color-secondary-light);border-radius:20px;padding:16px}.skills-container svg{position:absolute}.skill-label{display:none;border-radius:5px;padding:3px;background-color:var(--color-primary-very-dark-0d8);z-index:1}.img-skill-container:hover .skill-label{display:block}.link-el{transition:.4s}.link-el:active,.link-el:hover{transform:scale(.98);opacity:.85}.link-el img{margin-right:10px}@media screen and (max-width:1440px){.section-code-page{padding-left:36px;padding-right:36px}}@media screen and (max-width:768px){.section-code-page{box-shadow:none;padding-left:20px;padding-right:20px}.section-code-page>h1,.section-code-page>h2{border-bottom:2px solid var(--color-secondary-very-light);padding-bottom:4px}.img-skill-container:active{transform:scale(1.2);box-shadow:0 0 13px -4px var(--color-secondary-light);border-radius:20px;padding:16px}.img-skill-container:active .skill-label{display:block}}@media screen and (max-width:480px){.section-code-page{padding-left:5px;padding-right:5px}.skills-container{gap:15px}}.experience-card{padding:20px}@media screen and (max-width:480px){.experience-card{padding:14px}}.tag{display:inline-flex;align-items:center;padding:4px 10px;white-space:nowrap}.showcase-card{padding:12px 0}.showcase-card-logo{width:140px;height:140px;flex-shrink:0}.showcase-card-body{flex:1 1;min-width:240px}.showcase-card-author a{text-decoration:underline}@media screen and (max-width:480px){.showcase-card-logo{width:100%;height:120px}}