:root {
    --mci-icon-color: #6c757d;
    --mci-icon-hover-color: #286340;
}

.mc-icon {
    width: 3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    filter: grayscale(100%);
}

.mc-icon:hover {
    filter: none;
}

.mc-icon:not(:last-child) {
    margin-right: 0.5rem;
}

.mci-separator {
    height: 3rem;
    width: 2px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #545454;
}

.mci-c { content: url(../assets/icons/c-plain.svg); }
.mci-csharp { content: url(../assets/icons/csharp-plain.svg); }
.mci-delphi { content: url(../assets/icons/delphi.svg); }
.mci-python { content: url(../assets/icons/python-plain.svg); }
.mci-php { content: url(../assets/icons/php-plain.svg); }
.mci-bash { content: url(../assets/icons/bash-plain.svg); }
.mci-yaml { content: url(../assets/icons/yaml-plain.svg); }
.mci-javascript { content: url(../assets/icons/javascript-plain.svg); }
.mci-jquery { content: url(../assets/icons/jquery.svg); }
.mci-git { content: url(../assets/icons/git-plain.svg); }
.mci-gitea { content: url(../assets/icons/gitea.svg); }
.mci-stm32 { content: url(../assets/icons/stm32.svg); }
.mci-avr { content: url(../assets/icons/avr.svg); }
.mci-freertos { content: url(../assets/icons/freertos.svg); }
.mci-kicad { content: url(../assets/icons/kicad.svg); }
.mci-altium { content: url(../assets/icons/altium.svg); }
.mci-eagle { content: url(../assets/icons/eagle.png); }
.mci-revit { content: url(../assets/icons/revit.png); }
.mci-fusion360 { content: url(../assets/icons/fusion360.png); }
.mci-postgresql { content: url(../assets/icons/postgresql-plain.svg); }
.mci-mssql { content: url(../assets/icons/mssql.svg); }
.mci-mysql { content: url(../assets/icons/mysql-original.svg); }
.mci-jira { content: url(../assets/icons/jira-plain.svg); }
.mci-zendesk { content: url(../assets/icons/zendesk.svg); }
.mci-salesforce { content: url(../assets/icons/salesforce-plain.svg); }
.mci-rabbitmq { content: url(../assets/icons/rabbitmq.svg); }
.mci-linux { content: url(../assets/icons/linux-plain.svg); }
.mci-windows { content: url(../assets/icons/windows11-original.svg); }
.mci-3d-printing { content: url(../assets/icons/3d-printing.svg); }
.mci-vmware { content: url(../assets/icons/vmware.svg); }
.mci-hyper-v { content: url(../assets/icons/hyper-v.svg); }
.mci-webex { content: url(../assets/icons/webex.svg); }
.mci-veeam { content: url(../assets/icons/veeam.svg); }
.mci-ansible { content: url(../assets/icons/ansible-plain.svg); }
.mci-apache { content: url(../assets/icons/apache-plain.svg); }
.mci-nginx { content: url(../assets/icons/nginx-original.svg); }
.mci-zabbix { content: url(../assets/icons/zabbix.svg); }
.mci-puppet { content: url(../assets/icons/puppet.svg); }
.mci-avaya { content: url(../assets/icons/avaya.svg); }
.mci-motorola { content: url(../assets/icons/motorola.svg); }
.mci-eclipse { content: url(../assets/icons/eclipse-plain.svg); }
.mci-vscode { content: url(../assets/icons/vscode-plain.svg); }
.mci-visualstudio { content: url(../assets/icons/visualstudio-plain.svg); }
.mci-vim { content: url(../assets/icons/vim-plain.svg); }