.codeIcon {
    width: 24px;
    height: 24px;
    stroke: #00ffff;
}


#cancel-icon {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    transition: transform 0.25s ease;
}

#send-message-icon {
    width: 16px;
    height: 16px;
    stroke: #000000;
}


.project-icons {
    width: 20px;
    height: 20px;
}
.project-github-icons {
    fill: #00ffff;
}

.external-link-icons {
    stroke: #ffffff;
}


.about-icons {
    width: 32px;
    height: 32px;
}

#about-code-icon, #users-icon {
    stroke: #00ffff;
}

#pallete-icon {
    stroke: #ffffff;
}

#rocket-icon {
    stroke: #c27aff;
}


.contact-icons, #mail-icon {
    width: 20px;
    height: 20px;
}

.contact-icons {
    fill: #ffffff;
}

#mail-icon {
    stroke: #ffffff;
}