@media print {
    
    html,
    body,
    .mat-card {
        color: #000 !important;
        background-color: #fff !important;
        filter: grayscale(100%);
    }

    .about p {
        text-align: center;
    }

    #featured-background,
    app-menu,
    button,
    .search {
        display: none !important;
    }

    .hue-0 > .mat-card-content,
    .hue-0 > h2 {
        background: #f5f5f5 !important;
        border-color: #ccc !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hue-1 > .mat-card-content,
    .hue-1 > h2 {
        background: #f7f7f7 !important;
        border-color: #ccc !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    .hue-2 > .mat-card-content,
    .hue-2 > h2 {
        background: #fff !important;
        border-color: #ccc !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .tech li img,
    .tech-container li img:not(.invert) {
        filter: invert(100%) !important;
    }

    .tech-container li .invert {
        filter: grayscale(100%) brightness(1.5) !important;
    }
    .vertical-space {
        height: 0 !important;
    }
    .tech-container {
        margin:  0 !important;
    }
    .tech-container li {
        width: 17% !important;
        height: auto !important;
    }
    .tech-container li i {
        font-size: 3rem !important;
    }
    .tech-container li img {
        height: 3rem !important;
    }
}