/* Icon Components - SVG Icons as CSS Classes */

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

.icon-email::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

.icon-linkedin::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z'/%3E%3C/svg%3E");
}

.icon-location::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.icon-github::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");
}

.icon-docker::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.185-.185V9.006a.185.185 0 00-.185-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338 0-.676.033-1.01.099-.663-1.22-1.781-1.622-1.88-1.658l-.379-.194-.265.327c-.133.58-.158 1.795.593 2.852-.537.262-1.492.36-1.702.332a.5.5 0 00-.543.448c-.108.906.089 1.814.592 2.701-.66.328-1.787.391-1.992.391H.79a.5.5 0 00-.487.402c-.48 3.13.408 6.19 2.640 9.089C4.444 21.176 6.538 22 9.759 22c7.316 0 11.17-4.243 12.167-8.436.684.029 2.13-.067 2.88-1.629.043-.09.061-.178.048-.265-.013-.087-.061-.158-.135-.202z'/%3E%3C/svg%3E");
}

.icon-kubernetes::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath d='M10.204 14.35l.007.01-.999 2.413a5.171 5.171 0 002.503 1.694l.013-.003 1.024-2.146a.247.247 0 00-.05-.297l-2.498-1.671zm-.986-2.236a.247.247 0 00-.31.034l-1.67 2.498-2.141-1.025-.002.008a5.154 5.154 0 001.828-2.618l2.406-.998zm4.656 1.914l2.498 1.67a.247.247 0 00.297.05l1.025-2.145-.008-.002a5.154 5.154 0 00-1.828-2.618l-2.405.998-.007.01a.247.247 0 00.31.034zm2.834-5.815l-2.498 1.67a.247.247 0 00-.05.298l.999 2.412-.007.01a5.171 5.171 0 01-2.503 1.694l-.013-.003-1.024-2.146a.247.247 0 00-.311-.034zm-8.62 3.378l-.998-2.412a.247.247 0 00-.05-.298l-2.498-1.67L4.542 7.21l.013.003a5.171 5.171 0 01-2.503-1.694l-.007-.01.999-2.413a.247.247 0 00-.05-.297L.498 1.168 0 .915l.002-.008A5.154 5.154 0 011.83-1.711l2.405.998.007-.01a.247.247 0 00-.31-.034zm8.62-3.378a.247.247 0 00.31-.034l1.67-2.498 2.141 1.025.002-.008a5.154 5.154 0 00-1.828 2.618l-2.406.998-.007-.01a.247.247 0 00-.31.034l-2.498-1.67a.247.247 0 00-.297-.05L11.549.915 11.547.912a5.171 5.171 0 012.503-1.694l.013.003 1.024 2.146a.247.247 0 00.311.034z'/%3E%3C/svg%3E");
}

.icon-aws::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M6.763 10.036c0 .296.032.535.088.718a2.74 2.74 0 00.256.512c.04.048.056.104.056.16 0 .072-.04.144-.128.2l-.416.272c-.064.04-.128.064-.184.064-.08 0-.16-.04-.24-.104a2.577 2.577 0 01-.336-.352 6.07 6.07 0 01-.272-.432c-.68.8-1.544 1.2-2.576 1.2-.736 0-1.32-.208-1.744-.624-.424-.416-.64-.968-.64-1.664 0-.736.264-1.336.8-1.792.536-.456 1.256-.688 2.168-.688.296 0 .608.024.928.064.32.048.648.112.984.2v-.64c0-.672-.136-1.144-.416-1.424-.278-.288-.75-.424-1.423-.424-.32 0-.648.04-.98.104-.344.072-.68.168-1.01.288-.144.056-.256.08-.328.08-.128 0-.192-.096-.192-.288v-.464c0-.144.016-.256.056-.328.04-.072.12-.144.216-.2.328-.168.72-.304 1.184-.424.464-.112.96-.168 1.496-.168 1.144 0 1.976.256 2.504.776.528.52.792 1.32.792 2.408v3.168zm-3.568 1.328c.288 0 .584-.056.896-.16.312-.112.584-.296.824-.568.144-.168.256-.352.312-.568.056-.216.088-.472.088-.768v-.384a7.823 7.823 0 00-.832-.16 6.606 6.606 0 00-.856-.056c-.632 0-1.096.12-1.392.368-.296.248-.44.6-.44 1.064 0 .424.104.744.32.968.216.232.544.344.944.344l.136.008zm6.695.64c-.096 0-.16-.016-.216-.048-.056-.032-.104-.112-.144-.216L7.882 6.24c-.04-.128-.064-.208-.064-.256 0-.104.056-.16.152-.16h.624c.104 0 .168.016.216.048.056.032.096.112.128.216l1.888 7.424 1.752-7.424c.032-.128.072-.2.128-.216a.445.445 0 01.216-.048h.504c.104 0 .168.016.216.048.056.032.104.104.128.216l1.768 7.504 1.936-7.504c.032-.128.072-.2.128-.216a.445.445 0 01.216-.048h.592c.096 0 .152.056.152.16 0 .032-.008.064-.016.104-.008.04-.024.096-.048.184l-2.696 8.496c-.04.128-.088.2-.144.216a.524.524 0 01-.216.048h-.544c-.104 0-.168-.016-.216-.048-.056-.032-.104-.112-.128-.216L14.341 4.5l-1.736 7.368c-.024.128-.072.2-.128.216a.524.524 0 01-.216.048h-.544zm10.792.28c-.424 0-.84-.048-1.248-.144-.408-.096-.728-.208-.96-.336-.144-.08-.24-.168-.288-.256-.048-.088-.072-.184-.072-.288v-.464c0-.192.072-.288.208-.288.064 0 .128.016.2.048.072.032.184.08.328.128.552.24 1.12.36 1.712.36.48 0 .856-.08 1.128-.248.272-.168.408-.408.408-.728 0-.216-.064-.392-.2-.544-.136-.152-.4-.296-.792-.432l-1.136-.36c-.576-.184-.992-.456-1.256-.808-.264-.352-.392-.744-.392-1.184 0-.344.072-.648.216-.912.144-.264.336-.488.576-.68.24-.184.52-.328.856-.424.336-.096.688-.144 1.072-.144.176 0 .36.008.544.032.184.024.368.056.544.096.168.04.336.088.488.144.152.056.272.112.36.176.136.096.24.2.296.304.056.104.088.224.088.36v.432c0 .192-.072.288-.208.288-.08 0-.2-.032-.36-.104-.504-.232-1.072-.344-1.704-.344-.44 0-.784.072-1.032.216-.248.144-.376.368-.376.672 0 .216.072.4.216.552.144.152.424.304.84.456l1.112.36c.568.184.976.44 1.224.768.248.328.376.704.376 1.128 0 .36-.072.688-.208.984-.144.296-.336.552-.584.768-.248.216-.544.384-.904.504-.36.12-.752.184-1.2.184h.008z'/%3E%3C/svg%3E");
}

.icon-azure::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M5.483 21.8L8.68 7.48l5.834 11.32L24 18.272 15.517 2.2 0 18.272z'/%3E%3C/svg%3E");
}